BUNE PRACTICI PENTRU DESIGNERI GRAFICI UN GHID ESENTIAL PENTRU Înțelegerea și aplicarea principiilor de proiectare a paginii BUNE PRACTICI PENTRU DESIGNERI GRAFICI: GRĂLE ȘI DISPOZĂRI DE PAGINI BUNE PRACTICI PENTRU DESIGNERI GRAFICI: UN GHID ESENȚIAL PENTRU înțelegerea și aplicarea principiilor de design de pagină Editura Rockport Cummings Center, Suite L Beverly, MA rockpub com * rockpaperink com MULȚUMIRI Ben și cu mine dorim să mulțumim mai multor oameni care ne-au ajutat pe parcurs În primul rând, editorul nostru de la Rockport Publishers, Emily Potts Vă mulțumim pentru îndrumări, sprijin și, mai ales, pentru răbdare De asemenea, dorim să aducem un accent special celor trei designeri talentați, vedete rock, care au contribuit cu mostre de proiecte la cartea noastră: Bryony Gomez-Palacio, Robynne Raye și Sean Adams Ai contribuit mai mult decât doar munca și cuvintele tale; ai venit cu adevărat pentru noi – rapid și cu câteva întrebări puse – atunci când aveam nevoie de tine, care este cea mai adevărată măsură a unui bun prieten În continuare, am dori sincer să ne exprimăm recunoștința lui Paul Johnson, www pauljohnsonphoto com, care nu numai că este un fotograf uimitor, ci și unul dintre cei mai amabili oameni cu care am avut plăcerea de a lucra Mulțumesc, Paul, pentru că ai intervenit cu un preaviz foarte scurt, când am avut nevoie de câteva exemple de lucru filmate imediat (deși când te uiți la imagini, nu știi niciodată că te-ai grăbit – sunt frumoase, ca întotdeauna!) Ne simțim norocoși de fiecare dată când ajungem să colaborăm cu tine AM SI GR AVER: În primul rând, aș dori să dedic această carte soțului meu, Scott, și copiilor mei, Cole și Adaline, care mă iubesc chiar dacă nu-mi termin niciodată munca când spun că o voi face, de asemenea, aș dori să dedic această carte și tatălui meu care a murit plecat nu cu mult timp în urmă și de care îmi este dor în fiecare zi Așa cum a scris în dedicația sa pentru mine și fratele meu în urmă cu mulți ani, ați făcut ca totul să merite Mulțumesc tată В EN JURA: Tuturor celor care m-au inspirat și au adus frumusețe în viața mea — sper sincer că am fost suficient de expresiv în recunoștința mea profundă de-a lungul anilor pentru ca voi să știți cine sunteți INTRODUCERE ÎN SPATELE GRĂLUI O privire de ansamblu Brandon Bird Design: Grile afișate Asociații Vignelli: Abordare Туре și coloana V/idths la Grid-based Design Elements: A Modular System Magazine HOW: Proiectare pentru a ușura extinderea liniei DE ELEMENTE ALE UNUI GRIL pentru designeri SISTEMUL Producția oficială O privire de ansamblu Туре & Vertical Increments Company: Divizii în Туре și Echilibru în zonele de conținut din formularul de spațiu coloane Oikos Associati: Turning the Golden Section Grilă într-un punct focal STRUCTURA PAGINII Design lucid: cei doisprezece - O privire de ansamblu STRUCTURI DE BAZĂ Grila coloanelor și Dimensiunea și forma paginii Pagina de proiectare a site-ului cu o singură coloană/manuscris Mar gin s Grile Grile cu mai multe coloane IERARHIE/ Caserta Design: Aspect That Grile modulare ORGANIZARE A Evocă un Emoțional Grile ierarhice INFORMAȚII Răspuns Grile de referință O privire de ansamblu Grile compuse Organizarea conținutului Live Zona: Dimensiunea paginii Scară și impact Simetrie și compoziție Revista MAJUSCULE: Tehnicile tipografice se pot plia și relația dintre Flexibilitatea pe mai multe coloane Impactul fluxului de conținut pe pagini Spațiul negativ ca o hartă Considerații de producție Utilizarea poziției relative pentru a stabili importanța Culoarea poate aduce conținutul înainte sau îl poate împinge înapoi DnderConsideration: Grupare RELAȚIA DE CULOARE cu grile COMPONENTE DE PROIECTARE O privire de ansamblu O culoare de vedere de ansamblu ca element de amplificare STRUCTURA CONȚINUTULUI Cum se pot colora textul și imaginea ca organizație instrument OverView Fi Separat Dezvoltarea Read/ How Text & Image Can Progresul informațiilor Fii unificat AdamsMorioka: Pentru Gruparea spațiului de informații Dragoste de culoare Scala de ritm și debit ÎNCĂLCAREA REGULILOR : Flexibilitate spațială O privire de ansamblu Memo Productions: Content Grid Deconstruction Is King WIRED Magazine: Design Optical Composition Fidelitate peste platforme Design organic Alexander Isley, Inc : ilustrație Grupată TIPUL CA IMAGINE Modern Dog: Design cu text O privire de ansamblu organic, dar gândiți -vă Scriere de mână și ilustrativ rațional Неге Design: Ilustrații Tipografie Adăugați aromă la layout- uri Subtitrare Tratament Puii Citate Folios & „Wayfinding” DESPRE AUTORI Matador: Aranjare cu a Focalizare tipografică Л! INTRODUCERE „Așa cum în natură, sistemele de ordine guvernează creșterea și structura materiei însuflețite și neînsuflețite, tot așa și activitatea umană în sine s-a remarcat, încă din cele mai vechi timpuri, prin căutarea ordinii Dorința de a aduce ordine în confuzia uluitoare a aparențelor reflectă o nevoie umană profundă ” — Josef Muller-Brockmann, Sisteme de grilă în design grafic Ca ființe umane, este în natura noastră să căutăm ordine atunci când ni se prezintă informații noi, în încercarea de a sorta și clasifica rapid acele informații Această acțiune este esențială pentru înțelegerea noastră a ceea ce este prezentat Atunci când un designer grafic - al cărui scop principal este să comunice eficient - se confruntă să facă complicatul ușor de înțeles și conceptualul realizat vizual, devine evident că machetele iar grilele sunt instrumentele cele mai de bază și importante de utilizat Introducerea informațiilor într-o ierarhie, grupuri sau coloane sau utilizarea oricăruia dintre numeroasele instrumente de layout și grilă disponibile ne ajută, ca designeri grafici, să proiectăm într-un mod clar și util Ne putem înfrumuseța desenele și le putem face mai atrăgătoare și, prin urmare, atragem cititorul prin încorporarea fonturilor, culorilor și imaginilor Dar baza inițială a unui aspect solid și atent este elementul cheie care menține designul împreună - și face ordine din ambiguitate Am scris această carte pentru a fi un instrument care să-i ajute pe designeri să-și atingă obiectivele de comunicare prin definirea și arătarea modului în care funcționează layout-urile și grilele de pagină Exemplele de design, pe care le-am selectat cu atenție pentru a însoți textul, au fost create de unii dintre cei mai buni designeri grafici profesioniști care lucrează în industria noastră cele mai bune practici pentru designeri grafici: grile și aspect de pagină astăzi — din New York până în California și de la Londra până în Noua Zeelandă Sperăm că le vei găsi inspiraționale și utile În toată cartea veți găsi, de asemenea, o serie de studii de caz detaliate Aceste studii de caz au fost scrise pentru a lumina un anumit punct sau tehnică folosită I-am cercetat puțin mai departe pe designeri pentru a ne împărtăși câteva detalii despre provocarea lor particulară cu proiectul cu care s-au confruntat, alegerile și deciziile pe care trebuie să le ia în considerare, rezultatele câștigătoare care au urmat și ceea ce au învățat din experiență De exemplu, pentru un studiu de caz, am intervievat un designer care a luat la maximum deciziile sale strategice fără să știe, ceea ce a exemplificat doar diferența dintre succes și eșec atunci când încerca să comunice o idee la fel de abstractă ca o marcă Pe de altă parte, am învățat de la Legenda designului Massimo Vignelli că urmărirea unui sistem de rețea strategică nu a fost niciodată o alegere, ci mai degrabă un principiu al oricărui design grozav (și suntem de acord) Sperăm că aceste exemple vizuale valoroase și studiile de caz mai detaliate din culise vă vor oferi, așa cum ne-au făcut și nouă, o nouă apreciere a scopului și importanței unui sistem de grilă și aspect de pagină excelent În cele din urmă, sperăm că vor servi, de asemenea, la educarea, inspirarea și creșterea repertoriului de întrebări, teorii și tehnici pe care le poți aduce cu tine la începutul următorului tău proiect ASOCIATII VIGNELLI STUDIU DE CAZ ABORDAREA LA PROIECTARE BAZAT PE GRIL După mai bine de patruzeci de ani de proiectare în tradiția modernistă, Massimo Vignelli și echipa de la Vignelli Associates s-au impus ca experți în organizarea informațiilor Indiferent dacă proiectează pentru o carte sau pentru un mailer direct care se pliază într-un poster, ei folosesc grile pentru a lega conținutul din fiecare proiect, precum și pentru a lega toate acele proiecte în cadrul abordării lor consistente, bazate pe grile Deoarece variațiile și tipurile de grile care pot fi utilizate sunt nelimitate, abilitatea de a recunoaște cea mai potrivită structură pentru proiect și de a le renunța la celelalte este un pas crucial în procesul de proiectare pe care l-au perfecționat de-a lungul unei lungi cariere „CONTINUTUL DETERMINA CONTAINERUL — UN ADEVĂR DE BAZĂ ÎN DESIGN CĂRȚI ” — Vignelli, Asociații Vignelli cele mai bune practici pentru designeri grafici: grile și aspectul paginilor Asociații Vignelli: Abordarea designului bazat pe grilă DREAPTA А Grila modulară x a fost folosită pentru a organiza conținutul cărții Richard Meier Voi astfel încât diagramele mici, textul lung și fotografiile mari și frumoase să poată fi comunicate cu consecvență și regularitate FIR M Vignelli Asociati DESIGNERI Massimo Vignelli, Beatriz Cifuentes CLIENTUL Richard Meier & Parteneri + Rizzoli PAGINA OPPUȘĂ Aceste schițe arată pasul de scenariu al procesului care le permite designerilor să facă un pas înapoi și să privească fluxul de informații pentru a observa cum vor fi vizualizate paginile pe măsură ce cititorii răsfoiesc cartea FIR M Vignelli Associates CLIENT Rizzoli International Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Asociații Vignelli: Abordarea designului bazat pe grilă „ESTE IMPORTANT ТО ȚINEȚI minte că MULTE DISPOZITIVE SUNT DISPONIBILE ТО МАКЕ DISPOZIȚII EMOZANTE SCOPUL A GRĂLUILOR TREBUIE SĂ OFERĂ CONSECTENȚĂ AZĂRĂRILOR, DAR NU NEPARAT EXCITAȚIE – CARE VA FI PREFERITĂ DE SUMA TUTUROR ELEMENTELOR DIN PROIECT ” — Vignelli, Asociații Vignelli cele mai bune practici pentru designeri grafici: grile și aspectul paginilor Atunci când se gândește la designul unei cărți, echipa de la Vignelli Associates stabilește mai întâi dimensiunea cărții în funcție de conținut, pentru a se asigura că sistemul de grile folosit pentru organizarea conținutului va oferi structură și continuitate de la o copertă la alta, fără a întuneca conținutul De exemplu, imaginile pătrate tind să funcționeze mai bine într-un format de carte pătrată pentru a expune cel mai bine conținutul fără a decupa imaginile După ce au perfecționat storyboard-ul și au obținut aspectul corect, designerii construiesc fiecare spread folosind storyboard-ul ca ghid Urmărirea cât mai atentă a schițelor pentru a nu nega munca deja realizată stabilește fluxul cinematografic al piesei în ansamblu FIR M Vignelli Associates CLIENT Rizzoli International Asociații Vignelli: Abordarea designului bazat pe grilă De la conținut la grilă la schiță până la cartea finală, acest proces a fost rafinat de echipa de la Vignelli Associates de-a lungul deceniilor și este o abordare a designului bazat pe grilă cu rezultate dovedite Asociaţii FIR M Vignelli CLIENT Knoll Cele mai bune practici pentru designeri grafici: grile și aspect de pagină Un alt pas esențial este determinarea secvenței layout-urilor Aceasta este o fază foarte importantă a procesului echipei atunci când privește cărțile, revistele și tabloidele ca obiecte cinematografice - compuse simultan din pagini statice și experiența unei secvențe de pagini În loc să determine acest lucru în mod organic pe măsură ce merg, ei construiesc schițe strânse ale fiecărei răspândiri într-un storyboard, astfel încât să le poată vizualiza cu ușurință împreună și individual, precum și să le schimbe până când ritmul și fluxul se simt corecte Aceasta devine apoi harta care ghidează și informează restul procesului Claritatea atemporală a designului care a apărut de la Vignelli Associates de-a lungul anilor este o dovadă a filozofiei designerilor că un design a cărui structură este invizibilă pentru privitor este mai puternic decât un aspect ilustrativ sau narativ în care structura este în fruntea designului O abordare neutră, sistematică a aspectului, ajutată de o grilă discretă și sensibilități de design subtil articulate i-au poziționat pe Vignelli Associates ca maeștri în organizarea informațiilor Asociații Vignelli: Abordarea designului bazat pe grilă ELEMENTE ALE UNUI SISTEM GRIL O IMAGINE DE ANSAMBLU MARGINILE Marginile sunt zonele de spațiu negativ dintre marginile paginii și conținutul paginii Ele definesc zona live și permit designerului să concentreze atenția privitorului, să creeze zone de odihnă pentru ochi sau să separe informațiile subordonate, cum ar fi capete sau folii FLOWLINES Liniile de flux sunt aliniamentele standard care ajută la ghidarea privitorului pe pagină și la crearea unor benzi orizontale de informații ■ COLOANELE Coloanele sunt containerele verticale care creează diviziuni în zona live pentru a păstra conținut Lățimea coloanelor variază – chiar și în cadrul unei singure grile – pentru a găzdui informații specifice Cele mai bune de practici pentru designeri grafici: grile și aspectul paginilor MODULE Modulele sunt unități individuale de spațiu separate prin intervale standard care, atunci când sunt repetate pe pagină, creează o serie recurentă de coloane și rânduri ZONE SPAȚIALE Zonele spațiale sunt zone distincte formate prin combinarea unor grupuri de module și pot crea zone regulate, specifice, pentru a conține orice tip de conținut într-o manieră consecventă MARKETORI Markerii specifică zone pentru informațiile subordonate sau conținutul care apare constant, cum ar fi folii, capete de rulare, pictograme sau orice alt conținut repetat Elementele unui sistem de rețea: o privire de ansamblu OIKOS ASSOCIATI STUDIU DE CAZ ÎNTORCIREA GRÂLEI ÎNTR-UN PUNCT FOCAL De obicei, grilele sunt doar structura de bază, servind la organizarea conținutului și la facilitarea comunicării, rămânând în mare parte invizibile pentru spectator În această broșură pentru Cleaf, totuși, Oikos, grea de design italian, a adoptat o abordare complet diferită Conceptul de spațiu este în centrul oricărui proiect bazat pe grilă, dar ce se întâmplă atunci când o suprafață bidimensională, cum ar fi o coală de hârtie, capătă volum? Această întrebare a fost în centrul unui eveniment intitulat „Spațiu subțire” la care această broșură a fost o piesă însoțitoare Pe măsură ce acest model s-a dezvoltat și s-a răspândit în toată broșura, a devenit elementul organizațional principal Modulele triunghiulare au fost îndepărtate din prim-plan sau îmbinate împreună pentru a crea zone de conținut unificate printr-o metodă vizibilă și provocatoare de împărțire a spațiului Rezultatul este un aspect contemporan care încorporează imagini mari, text și modelul geometric mereu prezent, care comunică cu adevărat ideile și estetica evenimentului „FORMA TRIANGULARĂ CARE RESAZĂ DIN INSTALARE A FOST UTILIZAȚĂ, DE asemenea, în interiorul broșurii, ca element de legătură grafică ” —Oikos Associati de cele mai bune practici pentru designeri grafici: grile și aspecte de pagină SUS: Imaginile suprafețelor lui CLEAF asociate cu сору explicativ pe interiorul împrăștiat nu lasă această grilă să dispară în întregime Imprimarea acestuia ca un model de fundal cu contrast redus pe paginile care se confruntă leagă individul să se întindă înapoi de copertă și menține vizibilitatea structurii de organizare a piesei DREAPTA: Modelul a fost transmis la toate celelalte materiale ale evenimentului, inclusiv pungi promoționale, invitații și multe altele În alte zone, cum ar fi interiorul invitațiilor din imaginea de mai sus, tipografia a fost blocată împreună pentru a face o textură care să-și umple spațiul, amintind de modelul de pe copertă și de alte materiale FIR M Oikos Associati CLIENTUL Cleaf Cele mai bune practici pentru designeri grafici: grile și aspect de pagină „NE-A RESUȚIT ТО TURNAREA UN MATERIAL BIDIMENSIONAL CA HÂRTIA ÎN CEVA TRIDIMENSIONAL, O EXPERIENȚĂ TACTILĂ CARE A AVUT ACEEAȘI ASPECT ȘI SENTARE CU INSTALARE IATA DE CE AM REPRODUS PE COPERTA CARE AU FOST TĂIATE ÎN HÂRTIE, PENTRU A CĂȘTÂGĂ MIȘCARE, TREI DIMENSIUNI ȘI UN EFECT ÎN CE DECÂND ÎN SCHIMBĂ ” —Oikos Associati Oikos Associati: Transformarea rețelei într-un punct focal STRUCTURI DE BAZĂ GRĂLE CU O SINGĂ COLANĂ/ MANUSCRIT Cea mai simplă formă de grilă, o singură coloană, creează o zonă standard fără diviziuni care să conţină conţinut Această formă de grilă este cea mai răspândită în aplicațiile de text care rulează continuu, cum ar fi cărțile sau eseurile, și permite textului să fie caracteristica principală a paginii sau a difuzării Datorită naturii statice a conținutului așezat în acest mod, trebuie să se acorde o atenție sporită atunci când se construiește acest tip de grilă Poziția pieselor subordonate de informații, inclusiv antete, subsoluri, folii și capete de capitol, va fi de mare importanță pentru a adăuga interes la ceea ce altfel ar fi o compoziție pasivă, stabilă, pagină după pagină Fără mare grijă, acestui tip de layout îi lipsește atractivitatea vizuală și stimularea de a împiedica ochii cititorului să obosească și să-și piardă locul Prin ajustarea dimensiunii, proporțiilor și relațiilor dintre stilurile de tip, interesul poate fi adăugat aspectului O altă modalitate de a crea stimulare vizuală este prin ajustarea relației dintre zona de text și pagină, precum și poziția acesteia pe pagină pentru a ghida cititorul prin text Marginile mai largi creează, în general, un sentiment de stabilitate, în timp ce marginile înguste creează tensiune Pentru a oferi cititorului un sentiment de direcție și mișcare, designerii pot folosi un raport matematic pentru a crea un echilibru armonic între zona live și pagină sau pot plasa blocul de text asimetric pe pagină Chiar și atunci, limitele unui bloc de text sunt rareori absolute Marginile vor fi afectate de numere suspendate sau semne de punctuație, liniuțe sau liniuțe, spații goale între secțiuni sau linii de tip de cele mai bune practici pentru designeri grafici: grile și aspectul paginilor O combinație de tratamente tipografice și imagini mari menține acest aspect bazat pe grile de manuscrise proaspăt, pagină după pagină DESIGNER Johann Hierholzer CLIENT Compagnie de l'Entreprise Structuri de bază: Grile cu o singură coloană/Manuscris STRUCTURI DE BAZĂ GRELE MULTICOLUNALE SUS Opus: Aici a fost folosită grila cu mai multe coloane pentru a găzdui mai multe niveluri de conținut FIRMĂ Curios CLIENT Electrolux Atunci când conținutul constă dintr-o gamă largă de tipuri de materiale, o grilă cu mai multe coloane poate fi un instrument puternic pentru a ajuta la organizarea și standardizarea comunicării Coloanele pot fi folosite independent pentru blocuri mici de conținut, folosite în secvență pentru secțiuni de text care rulează sau combinate prin încrucișarea jgheabului pentru a face coloane mai largi O grilă de coloane este o structură extrem de flexibilă; prin urmare, toate configurațiile posibile trebuie luate în considerare la crearea acestuia De exemplu, ceea ce ar putea fi o lățime de coloană adecvată cu o lungime adecvată a liniei de text pentru o singură coloană ar putea să nu funcționeze într-o aplicație în care textul traversează două coloane Acest tip de grilă poate avea coloane de lățimi diferite și poate fi combinat în mai multe moduri, astfel încât luarea în considerare a substructurii este crucială - lățimea jgheaburilor interne și poziția și frecvența liniilor de curgere pentru a controla modul în care sunt subdivizate coloanele doua exemple O linie de suspendare este un tip de linie de curgere care este deosebit de utilă atunci când configurați o grilă cu mai multe coloane Acest lucru stabilește poziția liniei de cap pentru prima linie de text sau imagine și ajută la stabilirea unor puncte de regularitate pe parcursul aspectului Când întoarce paginile, spectatorul știe deja unde să caute mai întâi, făcând astfel procesarea informațiilor mai rapidă și mai ușoară de cele mai bune practici pentru designeri grafici: grile și aspect de pagină Structuri de bază: Grile cu mai multe coloane de bune practici pentru designeri grafici: grile și aspect de pagină Structuri de bază: Grile cu mai multe coloane STRUCTURI DE BAZĂ GRELE MODULARE Г PAGINA OPUȘĂ ȘI URMĂTOAREA: Această utilizare a unei grile modulare permite proiectantului să găzduiască mai multe tipuri de conținut, asigurându-se în același timp că conținutul se simte în continuare unificat FIRMA DeDaLab DESIGNER Martina Sangalli CLIENT Orașul Sotto il Monte Giovanni XXIII Grilele modulare sunt în esență grile compuse formate atât din coloane, cât și din rânduri Această combinație creează o serie de mici zone de conținut numite module care pot fi combinate atât pe verticală, cât și pe orizontală, permițând designerului să creeze o multitudine de zone spațiale de dimensiuni și forme diferite Aceste tipuri de grile sunt utile pentru proiecte complexe cu multe componente de dimensiuni și importanță diferite, cum ar fi ziarele Sunt potrivite pentru diagrame, tabele și formulare, dar pot oferi un sentiment de ordine și raționalitate matematică chiar și publicațiilor simple Grilele modulare au fost un produs al stilului tipografic internațional dezvoltat din idealurile Bauhaus din Elveția la mijlocul secolului al XX-lea și au un fundal istoric în politică, obiectivitate rațională și reducere la esențial și sunt uneori folosite pentru a adăuga elemente istorice, politice sau filozofice sensul unui design Cele mai bune practici pentru designeri grafici: grile și aspect de pagină Sc pus drv'cwere, cbe ste; r ■ PLIS DEL MONTE CANTO Eugnia aoiObNtNI El Parco denominato PLIS г тчілІ«лп> un ew/ /NM rAz tomaiico" PLIS del Monte (Parco Locale di Іпіегсяе Sovra comunalei «lei Monte Canto c dd Bcdocv lia avute», tiu dairtni/ici, una tioria piuttoMo tribolata, Put nato con Iwlle irt-■eruivni, aceste sunt sem-рге riinavie wll i td NN Лмтмягил* fituhw da parte degh mh trmhmali c»mprtenti nune la 'ttn iiuiii r la Ibpimr- XcsMiini peiii ha beii cltiaro «i соііомт l'ambiio Ierului ialrdi quc*tr> c««id-dctio “ContprciiM»r ii»' E ancora Mazzola ad aflermarc chr -w Л un Auro iw awtoftt rotfinrrtr, il [гіи jpande detla Regime Lombardin thr mini da un lato alic Polul- Ufcvtira di inUaprcndere II - S«u iali unilaiiH'lilr tui рітсогм» liriali/J Hi» ad -ilf ціі|і - > |»r- — atializ zarc la «IBW И»Г SI , ™ ini, tapqțn V ni XXIII per il ігіГ Ши і /%; ' <> « mprendr™ di l mMilj-X/ ( j Ir ртпгІЬгІО r l„ I ^Ibbopri ісггііолі» ha rilwato Ге- SEGUE A PAGINA dei PLIS та Tbe lolkjwrig V'neiiw raprMarts re îxeacos și eețffl de ctr И txandinf} pdni раеХэд«гіо епмігогапѳоіаі și іі-яиэяѵв dueigti pentru o wkio ranga Of CierrtS OvOr Ultimii de ani de cele mai bune practici pentru designeri grafici: grile și aspectul paginilor GE CUC EI Rl EE L Lf b E ± IU MonUi WWVIbOo СспИмАп Vmi Htelorlcal Tlmeilne Tire toitowlng timebne tepresents tfte breadlh ard tfeprh c w work m branCing prirrt, pacfcaglng вл / -onrnenlai și interactiv ctosign tor a wkfe rgncjc of cliencs ovar she past ? ywrs Structuri de bază: Grile ierarhice Aceste postere sunt împărțite în trei zone principale de conținut care ajută la comunicarea informațiilor în ordinea dorită, de la nume și logo, la slogan și până la detalii DESIGNER Johnson Banks CLIENT Sc/еисе Mwsewm Slin eu Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Ambalarea este o altă aplicație în care grilele ierarhice funcționează în mod deosebit de bine Aceste pungi de cafea utilizează o serie de zone de conținut - fiecare cu subdiviziuni în interiorul lor - pentru a se asigura ordinea corectă a comunicării Grila devine evidentă pe măsură ce linia crește, iar conținutul este localizat în mod constant în toate pungile, astfel încât un utilizator al unui soi să știe unde să caute informații comparabile despre un alt soi de cafea de la aceeași companie FIRMĂ Chen Design Associates CLIENT Verve Coffee Roasters Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină STRUCTURI DE BAZĂ GRELE DE BAZĂ Un tip de substructură, o grilă de bază ajută la alinierea consistentă a elementelor tipografice prin crearea unei serii de rânduri, în funcție de dimensiunea tipului care urmează să fie utilizat Numele provine de la modul în care este utilizat - oferind în esență ghiduri pentru alinierea liniilor de bază ale tuturor rândurilor de tip Deosebit de importantă pentru aplicațiile cu mai multe coloane, grila liniei de bază se va asigura că un punct consecvent între toate fonturile și dimensiunile - linia de bază - se aliniază pe toate jgheaburile După cum arată aceste exemple, o grilă de bază poate ajuta la alinierea liniilor de bază ale сору pe coloane și pagini, creând un sentiment ordonat și structurat pentru text FIR M Gee + Chung Design DESIGNERI Earl Gee, Fani Chung CLIENT Grupul Interactiv Velocity Structuri de bază: Grile de bază STRUCTURI DE BAZĂ GRELE COMPUSE Grilele compuse sunt formate prin integrarea mai multor sisteme de grile într-o armătură organizată, sistematică În timp ce mențin aspectele sistemului coezive, cum ar fi marginile, plasarea liniilor de curgere și elementele subordonate, de exemplu, grilele compuse ajută la împiedicarea cititorului să devină confuz Pot exista mai multe structuri într-o zonă pentru a permite mai multe variații ale aspectului Un exemplu în acest sens este o grilă cu două coloane suprapusă peste o grilă cu trei coloane, astfel încât pagina să poată fi împărțită în orice proporție În mod similar, o grilă ierarhică ar putea fi utilizată pentru a găzdui problemele generate de părți limitate și specifice ale aspectului De exemplu, un element important se scurge de pe marginea paginii, dar trebuie să rămână proporțional egal cu materialele care nu se scurg Un alt exemplu este o grilă de bază ca structură subordonată pentru a asigura regularitatea tipografică în grila principală utilizată pentru a construi zonele spațiale de pe pagină de cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Grilele compuse pot adăuga interes prin crearea unei grile pentru imagini și a unui set diferit de alinieri pentru text FIRMĂ Туре-A Creative DESIGNER ]ulie Spivey CLIENT VGA Lamar Dodd Scoala de Arta Structuri de bază: Grile compuse REVISTA MAJUSCULE STUDIU DE CAZ MULTICOLUNĂ FLEXIBILITATE UPPERCASE este o revistă pentru cei creativi și curioși care acoperă design, ilustrație, tipografie și meșteșuguri Conținutul, care este în mare parte trimis de cititori, este la fel de eclectic și divers ca aspect, simț și execuție ca subiectele pe care le acoperă revista Pentru a fi suficient de flexibilă pentru a adapta această diversitate și pentru a fi suficient de rigidă pentru a face ca acest conținut divers să se simtă unificat, Janine Vangool – designer, editor și editor – folosește o grilă cu mai multe coloane foarte divizată, combinată cu câteva reguli generale privind numărul de coloane care sunt combinate pentru a crea diferite zone de text „FLEXIBILITATEA A DOISprezece COLONELE PERMITĂ MAI LARGE COLONI PENTRU TEXT MAI LUNG SAU COLOANE MICI ȘI ÎNguste PENTRU BIȚI DE TEXT SAU CONȚINUT SCURT, DE MUSICAȚI ” —Janine Vangool, MAJUSCULĂ de cele mai bune practici pentru designeri grafici: grile și aspect de pagină PAGINA DE SUS ȘI URMĂTOAREA: Un sistem de grile cu diviziuni fine oferă o mare flexibilitate pentru a găzdui multe dimensiuni și forme diferite de conținut Aceste module pot fi, de asemenea, combinate cu ușurință pentru a forma coloane mai mari atunci când conținutul nu necesită atât de multe diviziuni FIRM UPPERCASE Publishing, Inc DESIGNER Janine Vangool Revista MAJUSCULE: Flexibilitate pe mai multe coloane aBECEDARÎ de Glen Dresser AZURIT А Ыне pigment, cres în mod natural atunci când minereul de cupru este deteriorat Peste orar aiuritul poate deveni verzui în nuanță reflectând un proces natural; unde aiuritul se transformă în malachit b LAPIS LAZULI Această piatră rară, semiprețioasă, care a fost măcinată pentru a crea un albastru ultramarin pentru pictura cu tempera BONE CHAR ALBASTRU EGIPȚIAN Un pigment btack realizat din oase de animale carbonizate Iniţial s-a folosit carbune fildeș Este folosit în tipărire și caligrafie FILIPENDULA ULMARIA Dulce de luncă o plantă pălărie grpws prin Europa Din ea se poate crea un colorant negru un pigment galben apreciat de artiștii europeni prin secolele al XVIII-lea și al XIX-lea pe scară largă se crede că este fabricat din urină din calde hrănite cu frunze de mango deși acest proces nu a fost niciodată documentat HENNĂ O algă cu frunze care a fost folosită ca colorant maro în Scotiand KERMES JUGLONE MADDER LAKE Un pigment a făcut din corn rădăcinile nebuniei comune, cu o istorie de peste trei milenii Un colorant maro pe bază de găsit în rădăcinile nucului Este folosită în mod obișnuit pentru vopsirea lânii dar este folosit și ca ingredient în vopselele de păr și colorarea alimentară GAMBOGE Un pigment galben de muștar realizat din mulți copaci veșnic verzi din Asia de Sud Pigmentul provine din rășina copacilor m CARMIN DULSE Un pigment roșu făcut din solzii de cochineai o insectă mică Deși a fost folosit ca vopsea, este adesea folosit astăzi în cosmetice și ca colorant alimentar Egiptenii au făcut acest pigment albastru sintetic din cupru, natron și nisip bogat în var În general, se crede că este cel mai vechi pigment sintetic O vopsea vegetală folosită cel mai cunoscut pentru vopsirea pielii și a părului dar folosit și pentru piele și lână Henna este cultivată din Jvtorocco până în Pakistan și este un colorant important în întreaga regiune Un colorant roșu natural făcut din ouă neuscate ale unei insecte cu același nume În Evul Mediu a devenit un colorant mult căutat pentru mătase a fost înlocuit în mare măsură cu carmin ORCEIN SI ORCHIL Două familii de coloranți obținute din specii înrudite de lichen Vopseaua orceină este maro-roșcată, Ofchil este violet Orchil a fost apreciat ca o alternativă ieftină la violetul de Tyrian NAPLES GALBEN Un pigment sintetic timpuriu asociat cu Napoli Se foloseşte drept bază antimonat de plumb care în sine a fost folosit în cărămizi și ceramică dat mg înapoi în Babilonul antic CINACRIDONA O familie de pigmenți sintetici cu o durabilitate excesivă și proprietăți de rezistență la intemperii din zece utilizate în vopselele de automobile Familia de pigmenți chinacridone variază de la roșu gălbui la violet Г W li SIENNA Un pigment pe bază de argilă, extras inițial în Siena Italia În forma sa brută, siena este de un maro noroios dar siena arsă mai populară scoate în evidență tonurile roșii din lut TYRIAN PURPLE Un pigment violet foarte apreciat, realizat din coaja zdrobită a melcului murex Imperiul Fenician cândva o forță majoră în Marea Mediterană, a avut o economie bazată în mare parte pe fabricarea și exportul de violet tirian OCR ROSU Un pigment de argilă natural, folosit în arta rupestră Mai recent, a fost favorizată în Newfoundland, unde o vopsea pe bază de ulei de cod sau ulei de focă a fost adesea folosită pentru clădirile anexe UMIH DROBUȘOR Deși florile de gum care cresc în deșert sunt galbene, indigoul din frunzele plantei este cel care o face valoroasă PURPURIU OCRU GALBEN Unul dintr-o familie de imagini ocru A fost deosebit de popular în Franța Renașterii și în coloniile franceze Un pigment care a fost foarte apreciat și folosit pentru manuscrisele iluminate Este prezent în mod natural, dar rar Un proces chinezesc de sintetizare a acestuia din mercur și sulf a făcut-o să fie mai frecvent disponibilă începând cu secolul al VIII-lea OXID DE ZINC Un pigment alb care a fost deosebit de util în nuanțarea altor culori La sfârşitul anilor a fost adesea folosit ca teren in picturile oii până când s-a constatat că această aplicație duce la fisuri semnificative pe termen lung Aceste două împrăștiere arată flexibilitatea extremă a unei grile cu mai multe coloane Coloanele pot fi combinate în orice măsură posibilă pentru a simplifica un aspect atunci când este necesar, sau pot fi lăsate fin împărțite pentru a găzdui cantități mari de diferite tipuri de conținut MAJUSCULĂ FERMĂ Publishing, Inc DESIGNER ]anine Vangool Datorită familiarității profunde cu conținutul și publicul și flexibilitatea grilei cu mai multe coloane, Vangool este capabil să exercite un control mare asupra modului în care este prezentat conținutul Uneori, din cauza tipului de conținut, ea consideră că este mai bine să prezinte conținutul texturat într-o răspândire, folosind modulele pentru a crea un mozaic de informații Grila permite zonelor de conținut și fragmentelor de informații să se interconecteze unele cu altele, umplând spațiul cu imagine și text și devenind astfel mai mult decât o narațiune liniară Alteori, ea îmbină coloanele pentru a consolida zonele de informații, precum și pentru a crea zone de conținut distincte și pentru a prezenta informațiile într-o manieră mai liniară „Sunt sigur că REVISTA VA SUFER UN REDESIGN ТО PĂSTRAȚI LUCRURILE PROASPE, DAR GRIDUL SA DE DOUASprezECE COLOANE S-A DONDIT ATÂT DE UTIL ÎNCĂ VA RĂMÂNĂ PROBABIL O FUNDAȚIE ” —Janine Vangool, MAJUSCULĂ Cele mai bune practici pentru designeri grafici: grile și aspect de pagină Meșteșug proiect pentru animale de companie Când Șînn Kregnn s-a împuțit în apartamentul ei din Brooklyn nu are idee că s-ar transforma într-o bună zi într-o afacere înfloritoare Astăzi, ea lucrează la o listă de așteptare de comisii pentru a crea portrete tridimensionale ale animalului de companie* Folosind material reciclat» și cusături foarte bune, Sian recreează personalitatea fiecărui animal și caracteristicile unice într-un mod cât mai fermecător Revista MAJUSCULE: Flexibilitate pe mai multe coloane ÎN SPATELE GRĂLUI O IMAGINE DE ANSAMBLU Adăugarea unui sistem de grilă de control poate ordona și sistematiza procesul de aspect al paginii, oferind consistență și regularitate, chiar și atunci când este construit organic Unii designeri implică, de asemenea, matematica în diferite măsuri în procesul de dezvoltare a grilelor pentru a adăuga un nivel suplimentar de organizare și raționalizare procesului de proiectare Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină ÎN SPATELE GRĂLUI TIPUL ȘI LĂȚIMILE COLONEI Când configurați sistemul de grilă pentru un proiect, ar trebui să luați în considerare cantitatea, tipul și importanța materialelor care trebuie comunicate Acestea vor contribui în mare măsură la determinarea structurii de bază a rețelei dvs Cu toate acestea, când este timpul să începeți configurarea coloanelor și liniilor de flux, aceste informații încă nu sunt suficiente Tipul, dimensiunea și stilul vor juca toate un rol în determinarea lățimii oricărei zone care este destinată să conțină text O măsură de șaizeci și șase de caractere este considerată ideală pentru lizibilitate atunci când se privește o singură coloană de text șerif, în timp ce orice de la patruzeci și cinci la șaptezeci și cinci este acceptabil Dacă vor fi folosite mai multe coloane pentru a curge text, ar trebui să fie utilizate măsuri de linie de patruzeci până la cincizeci de caractere Opus: lungimi mai lungi de rând – chiar și cu o medie de peste de caractere pe linie – pot funcționa uneori, așa cum este ilustrat în stânga, când caracterele sunt bine setate, au o parte pozitivă și sunt menite să fie citite fie discontinuu, fie în trepte mici FIR M Oikos Associati CLIENT S O Deși coloanele setate mai late de șaptezeci și cinci de caractere pentru tipul de liter dat pot fi ușor de citit în unele aplicații - și chiar pot transmite sentimentul că o piesă ar trebui citită mai încet sau mai atent - mai mult de nouăzeci și ceva de caractere vor fi probabil prea lungi pentru citirea continuă, provocând dificultăți cititorului în găsirea începutului și a sfârșitului rândurilor În cealaltă extremă, o cârpă inestetică și care distrag atenția va deteriora o coloană care menține măsurile de linie prea scurte pentru tipul de literă Găurile țintă, silaba excesivă și măsurile de linii scurte care creează o mișcare verticală puternică, vor determina cititorul să se grăbească prin text, împiedicând reținerea În spatele grilei: tip și lățimi de coloane CUM REVISTA PROIECTARE PENTRU DESIGNERI STUDIU DE CAZ PUBLICARE CUM DATA Decembrie DIRECȚIA AHT Bridgid McCarren PAGINA URMĂTOARE: PUBLICARE CUM DATA Jnly, Oll DIRECȚIA AHT Bridgid McCarreil Revista HOW este una dintre puținele reviste comerciale de design grafic care sunt încă publicate Mai presus de toate provocările obișnuite ale proiectării unei reviste prietenoase pentru cititori sunt că publicul este alcătuit din designeri - o mulțime persnickety care se va plânge editorului dacă există o cârpă proastă sau liderul este prea strâns Un sistem bun de grile este esențial pentru această mulțime pentru a menține coeziunea între articole, afișând în același timp proiecte excelente de design grafic „Este de cea mai mare importanță în designul publicațiilor să facem conținutul cât mai ușor de absorbit posibil, rămânând în același timp interesant”, explică Bridgid McCarren, director de artă senior al revistei HOW „Deși ne place să ne asumăm riscuri creative și să depășim limitele design-urilor noastre, grila permite ca designul general al revistei să se mențină împreună ca o piesă întreagă de lucru, în loc de o simplă colecție de articole și imagini neconexe ” Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină CUM ■ с Departamentul Coloane ; MIT țlMRATtON СОММЦМГГ HUI * OETIQNERS ГМ Х-П- ■ ■ , - CAltNOIA CONTWBUTQBJ SEIM MW PE HOWDUIQN COM DIN EOiTOR TESTAT KlO, OEWJNER CU CUPA qAME WWsMD ROATA CONSCMNĂRII flOELINEi POțNOTE ÎN SPATE OEi'tjH whicîm mw> ммасп STRNC IHEN ЕМІ Т OBERMAN VOUR euilNESS > - V ѴЛ » twvng m irte Tp «|H țreelrr» O tO Ьр*И |O» on" ccxnpany Me» Нгллоліі Urweo*r ot Azi A Oeugn» g>ndn(te Oeg-ee program с®" *>w tu Wf*-ețK Ьѵмчя tWl» pentru a obține ічге Eerzi уюм deg>ee in u Htle и mentH Anend cUuet o*w nethend per Moreb V LEA»H UORE \ ARBNST(TIJTES,EDIJ ' i Proiectarea unei publicații special pentru industria designului grafic pune ștacheta ridicată pentru creativitate CUM aspectul copertei revistei nu dezamăgește niciodată Grila de acoperire permite mai multe zone pentru ca echipa de creație să se joace artistic În timp ce numele publicației, site-ul web, data publicării și subiectul rămân constante în pozițiile lor, zona din spatele catargului și spațiul mare de sub acesta sunt disponibile pentru creativitate - și, băiete, designerii oferă o imagine încântătoare, unică și neașteptată interpretări pentru fiecare problemă După cum spune Khoi Vinh în cartea Ordering Disorder: Grid Principiei for Web Design, „Gridurile adaugă ordine, continuitate și armonie prezentării informațiilor” Grila HOW creează structura în care a fost dezvoltată o formulă pentru a prezenta diverse tipuri de informații în perfectă armonie unele cu altele Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Odată ce un cititor se familiarizează cu o publicație, el va ști unde să găsească informațiile pe care le caută De exemplu, un cititor s-ar putea să caute o legendă de imagine în coloanele exterioare ale paginii sau să se bazeze pe casetele de informații care urmează să fie tratate în același format grafic de la o pagină la alta Odată ce această așteptare este stabilită, proiectantul poate alege să continue să îndeplinească acele așteptări prin poziționarea subtitrărilor și informațiilor în același mod, sau surprinde cititorii tratând aceste elemente într-un mod neuniform Fără structura și formula unui sistem de grilă deja stabilit, elimini oportunitatea de a ieși din normă pentru a-ți încânta cititorul Revista HOW: Designing for Designers ÎN SPATELE GRÂLEI TIP Se VERTICAL INCREMENTĂRI În timp ce măsurarea ideală a liniei joacă un rol în determinarea lățimii coloanelor și a mărimii tipului, cantitatea de ghidare va influența dimensiunea diviziunilor verticale, fie prin linii de curgere, fie pe module Înălțimea modulelor dintr-o grilă ar trebui să fie divizibilă cu incrementele cu care este compusă grila de bază Dacă nu, jgheaburile dintre rânduri vor părea neglijent și inconsecvent Dacă dimensiunea tipului utilizat este lOpt cu pt înainte, iar înălțimea modulului în puncte nu este divizibilă cu , va exista întotdeauna spațiu suplimentar în partea de jos a modulelor care va afecta modul în care sunt văzute jgheaburile orizontale De obicei, mai mult de o dimensiune de tip va fi utilizată într-un aspect; prin urmare, toate dimensiunile ar trebui să fie legate într-un mod fix, astfel încât capacitatea de a începe și încheia zonele de text în puncte fixe să nu fie afectată de utilizarea titlurilor și subtiturilor sau a subtitlurilor în cadrul coloanei Aceste relații se pot baza pe scale modulare stabilite pentru proiect, relații muzicale armonice sau concepte precum secțiunea de aur (discută pe scurt) de bune practici pentru designeri grafici: grile și aspecte de pagină ÎN SPATELE GRĂLUI TIP SE ECHILIBRARE ÎN COLONI În ciuda numărului de formule matematice pe care designerii le folosesc de ani de zile pentru a ajuta la aspectul paginii, există o abordare pur vizuală și estetică pentru a determina lățimile coloanelor și înălțimile modulelor pe baza tipului de liter dorit Luați în considerare mișcarea și axa tipului de caractere destinat utilizării Fonturile romantice, cum ar fi Bodoni și Didot, au o axă verticală puternică Dacă sunt utilizate mai mult de câteva puncte de orientare pozitivă, este posibil să fie necesar să se ajusteze măsurarea liniei/lățimea coloanei pentru a echilibra vizual această mișcare verticală Lorem ipsum dolor sit amet, consectetur adipiscing elit Donec sem purus, hendrerit ut eleifend a, tincidunt ut mauris Vivamus venenatis sodales dolor vitae sceler isque Suspendisse potenti Donec at odio nisl, et male suada risus Pelen întreg Lorem ipsum dolor sit amet, consectetur adipiscing elit Donec sem purus, hendrerit ut eleifend a, bladittincidunt ut mauris Vivamus venenatis sodales dolor vitae scelerisque Suspendise potenti Donec at odio nisl, et malesuada risus Integer pellen tesque mattis justo, non malesuada torttor rutrum at Cura bitur ac nibh ac eros iaculis ornare faucibus at odio Phasellus blandit, non eros at blandit fermentum, justo felis bortis eros, non gravida eros ante eu arcu Aenean eleifend felis varius magna dapibus a mollis orei varius Nullam quis vehicula orei Îmbinați grila: Туре și echilibru în coloanele ÎN SPATELE GRĂLUI SECȚIUNEA DE AUR i Secțiunea de aur este un raport - o relație construită din două componente asimetrice Aceste componente pot fi orice: zonă live, zonă de pagină, dimensiunea tipului de titlu, dimensiunea tipului de corp și așa mai departe Secțiunea de aur se referă la raportul în care cel mai mic este și cel mai mare, cu cât este mai mare față de sumă, sau a:b=b:(a+b) Aceasta poate fi exprimată și ca l: Р Т* иР Р ПузЛі ГК jliOiyU'W П'Т ІУПУП ПЯО tțtP ГКрО ЛУКрО ЛУКрО ЛУП Лп ЛУвЛу ІКЦЛІУІ ГК Р'УІУЗП ILUSTRAT DE DAV D BRINLEY PaknTiegtr J Ierarhia/organizarea informațiilor: tehnicile tipografice pot afecta fluxul TtwgoaJ of tbaring your Box of Magic йогу ls to experience the "Aha!" dimineata frtnm Incurajatorul tau Ce este un moment „Aha!”? Lockfcr Încurajator: Atrtggnnor ■'Uau'* O încuviințare a capului în acord O schimbare a corpului роайіоп la aplecarea înainte A Thafs coi Vreau să vă ajut să răspunzi, strigă AII o( aceste reacționa tigrul Intere® Investnwtw ewitemem, Your EncouTagar te ascultă activ și povestea ta este riear și «xdting, O reacție pozitivă la ycur Inaplraticm ногу îți va oferi încurajarea de care ai nevoie pentru a-ți descoperi roșul Rubber Ball and Chase ItforaUftcinu Cele mai bune practici pentru designeri grafici: grile și aspect de pagină Ierarhia/organizarea informațiilor: tehnicile tipografice pot afecta fluxul Aceste spread-uri din cartea What's Your Red Rubber Ball a lui Willoughby Design (de asemenea, în difuzarea anterioară) ilustrează modul în care tratamentele tipografice sau alte elemente cu un aspect realizat manual pot schimba focalizarea și atrage privitorul către ele atunci când influențează fluxul și ierarhia conținutului de pe pagină prin diferenţa lor faţă de textul primar FIR M Willoughby Design DESIGNER Willoughby Design CLIENT Kevin Carroll Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină HIERAR С HY/ORG А NIZ AT I О N DE INFORMAȚII SPAȚIU EGATIV CA HARTĂ Sensus Design Factory a folosit spațiul negativ dinamic pentru a ajuta spectatorul să navigheze în această carte pentru Societatea Designerilor Croați Plasarea imaginilor aproape de bordură cu o margine foarte mică creează o tensiune puternică, atrăgând imediat privirea către acel conținut Cantitatea mare de spațiu negativ ajută la echilibrarea acestei tensiuni, oferind o zonă mare de odihnă, precum și punând accent pe cantitatea mică de сору pe răspândire FIR M Sensus Design Factory Zagreb HDD CLIENT - Croată Societatea designerilor Utilizarea spațiului negativ este imperativă în crearea accesibilității Spațiul negativ oferă ochiului căi pentru a naviga prin conținutul compoziției și poate servi de fapt la mutarea spectatorilor prin piesă, direcționându-i unde să privească și când Nu puteți crea un aspect cu spațiu negativ bine activat doar prin creșterea cantității de spațiu Conținutul centrat cu zone egale din spațiul înconjurător creează un aspect static care nu va muta cititorul prin format Crearea asimetriei cu spațiul negativ activează compoziția și poate afecta greutatea, stabilitatea și mișcarea pentru a atrage privirea către ceva sau a face ca acesta să zăbovească în altă parte Ierarhia/Organizarea informațiilor: spațiul negativ ca hartă IERARHIA/ORGANIZAREA INFORMAȚIILOR UTILIZAREA POZIȚIEI RELATIVE PENTRU A STABILI IMPORTANȚA Pe lângă relația dintre conținut și spațiul negativ, poziția relativă poate afecta și privitorul Modificarea poziției sau orientării relative a unui element poate crea un contrast distinct Rotirea unui articol îl va deosebi de restul conținutului și va atrage atenția asupra acestuia Același lucru poate fi obținut prin depășire Ori de câte ori se stabilește un tratament standard, încălcarea regulii de poziție a acelui tratament va oferi accent și interes, adăugând greutatea vizuală a acestuia Partenerii SVP au analizat modul în care elementele cheie de conținut s-ar schimba unele în relație cu cealaltă, pe măsură ce cititorii deschid acest buletin informativ pentru Cabot Corporation Când buletinul informativ este închis, titlul - rotit cu nouăzeci de grade în afara axei sale - câștigă imediat atenția și are o greutate extraordinară Cu toate acestea, pe măsură ce se deschide buletinul informativ și se schimbă orientarea formatului, titlul devine paralel cu conținutul principal Aspectul piesei în momentul în care este deschisă și scara schimbată a titlului în raport cu dimensiunea totală a piesei creează echilibru, permițând spectatorilor să se îndrepte spre titlul de deschidere și textul ulterior, rămânând în același timp foarte conștienți de titlul publicației Parteneri FIR MS VP Cele mai bune practici pentru designeri grafici: grile și aspect de pagină HIERAR С HY/ORG А NIZ AT I О N DE INFORMAȚII CULOAREA POATE ADUCE CONȚINUT ÎNÂNAINT, SAU ÎL împinge înapoi din Diisseldorf a folosit culoarea în avantajul său în proiectarea comunicațiilor corporative pentru Sportschule Hennef În timp ce culorile reci se retrag de obicei într-un aspect, culorile calde și culorile închise, în general, avansează Punând în practică aceste cunoștințe, a plasat conținut cheie în cutii magenta În ciuda faptului că este similară ca dimensiune și aspect cu conținutul secundar, culoarea atrage imediat privirea și direcționează ordinea citirii FIRMA CLIENT Sportschule Hennef Culoarea poate fi folosită pentru a scoate în evidență sau a sublinia anumite conținuturi care necesită o atenție suplimentară Temperatura sau relațiile dintre aceste culori între ele și cu alte elemente din aspect pot crea puncte focale sau pot reduce impactul unui element, permițând unei alte zone să aibă prioritate Ierarhia/organizarea informațiilor: culoarea poate aduce conținutul înainte sau îl poate împinge înapoi BRANDON BIRD DESIGN STUDIU DE CAZ GRELE PE AFIȘARE În comemorarea a de ani de la Casa de Adunări Africane din Boston, Muzeul de Istorie Afro-Americană l-a contactat pe Brandon Bird, a cărei firmă, Brandon Bird Design, este specializată în design de expoziții, pentru a imagina și executa expoziția de un an, A Gathering Place for Freedom Expoziția masivă a inclus materiale atât de diverse precum hărți, schițe arhitecturale, fotografii, picturi, poezie, articole din ziare, artefacte, cărți antice și sculpturi Prima provocare a fost transformarea unei expoziții de peste de cuvinte într-o experiență dinamică, incitantă, informativă și coerentă La sarcină s-a adăugat faptul că noua Casa de Adunări Africane, recent restaurată, este împărțită în trei etaje separate Unde să încep? Bird știa că trebuie să înceapă prin a împărți toate informațiile într-o ierarhie pe etaje, legată de un sistem clar de orientare pentru a muta vizitatorii prin spațiul de expoziție și mai multe etaje Crearea sistemului de rețea corect în avans a fost esențială pentru succesul proiectului FIRMĂ Brandon Bird Design CLIENT The Museum of African Istoria Americii de bune practici pentru designeri grafici: grile și aspecte de pagină сок WîSPECTIHG >Н шиііяівтіювс ; PRO в г м ® ™ ZS" тнЕЖ°і й :« ■' я Bird a împărțit mai întâi textul expoziției în opt secțiuni distincte și a marcat fiecare cu un banner din material roșu aprins - începutul secțiunii grilă a expoziției Apoi, el a proiectat un sistem de grafică cu panouri mari, care se monta pe pereți Panourile făceau parte din sistemul general, stabilit împreună cu clientul, pentru a sorta titlul, narațiunea, infografica, imaginile și legendele fiecărei secțiuni și pentru a clarifica spectatorilor unde se aflau exact în cadrul expoziției în timp ce se deplasau prin spațiu Sarcina a fost descurajantă, dar Bird a simplificat-o pornind cu un sistem solid de grile pentru informații și grafică Grafica unificată și afișarea informațiilor trage întreaga expoziție într-o experiență gestionabilă, frumoasă și consecventă pentru vizitator La finalizarea proiectului, clientul a remarcat într-un e-mail către Bird: „A Gathering Place for Freedom a fost de departe cea mai complicată și interesantă expoziție pe care Muzeul a produs-o de ceva timp A fost necesar, dar dificil, să condensam de ani de istorie într-o expoziție cuprinzătoare, dar rezultatul final a fost uimitor și impresionant ” de cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Brandon Bird Design: Grile pe afișaj ELEMENTE STUDIU DE CAZ UN SISTEM MODULAR PENTRU EXTENSIUNEA LINII EASE Elemente FIRM DESIGNERI Amy Graver, Rebekka Kuhn CLIENT Seabrook Brothers and Sons, Inc Seabrook Farms a abordat pentru prima dată Elements, o agenție de comunicare și design grafic de marketing situată în Branford, Connecticut, pentru a-și reproiecta întreaga linie de douăzeci și trei de alimente congelate private labei Prima provocare pe care Seabrook a pus-o lui Elements a fost aceea de reținere În timp ce Seabrook căuta să-și reîmprospăteze marca și ambalajul produselor, nu a dorit să riște să-și piardă urmăritorii loiali care au durat trei generații de cele mai bune practici pentru designeri grafici: grile și aspecte de pagină uttenwt Squasn» л?Vite > Elements a început reproiectarea prezentând lui Seabrook trei direcții conceptuale pentru noul ambalaj Prima a fost un depărtare complet de original; al doilea era foarte asemănător ca aspect, dar modernizat pentru piața actuală, iar al treilea era undeva la mijloc În timp ce Seabrook a apreciat plecarea creativă, în cele din urmă compania a fost cel mai confortabil să păstreze un aspect similar, dar cu tipografie și fotografie foarte actualizate O a doua provocare (sau poate cadou) Elemente întâlnite a fost lipsa orice fișiere utilizabile de la prințurile anterioare, forțând clientul să-și reproiecteze nu numai ambalajul, ci și logo-ul Această nenorocire fericită a fost cea care a oferit designerilor șansa de a insufla o nouă viață unui logo obosit și datat anterior și de a ridica aspectul și senzația întregii linii de pachet Soluția elementelor pentru designul aspectului trebuia să ia în considerare mai multe elemente simultan În primul rând, trebuia să găzduiască atât nume de produse foarte scurte, cât și foarte lungi — totul, de la Cut Okra până la Normandia-Style Elemente: Un sistem modular pentru a ușura extinderea liniei Legume – împreună cu mențiuni de sănătate, rețete și instrucțiuni de gătit de lungimi diferite Proprietarul și designerul Elements Amy Graver a lucrat cu designerul Rebekka Kuhn pentru a dezvolta un aspect al grilei care să aibă flexibilitatea de a lucra în toate cele douăzeci și trei de soiuri de legume și stiluri de pachete, de la cutii învelite în hârtie cerată până la pungi de polietilenă foarte mari O mare parte a soluției a fost determinarea unei direcții de fotografie și a unei teme de culoare de fundal „A FOST PETRECUT O MARE PARTE DIN TIMPUL PROIECTULUI INIȚIAL EXAMINAREA, ORGANIZAREA ȘI LUARUL ÎNTREAGĂ LINIE ÎNTREAG NE-AM AJUSTAT, IMPINSAT, IMPINSAT SI NE-A IMPINSAT PENTRU GRANDUL NOSTRU PÂN CĂ A FUNCȚIONAT PENTRU FIECARE CONTINGENTĂ ” — Amy Graver, Elements de cele mai bune practici pentru designeri grafici: grile și aspecte de pagină care nu numai că ar funcționa pentru toate legumele, dar era și atemporal, atrăgător și proaspăt Elements a colaborat cu fotograful alimentar de la Stamford Paul Johnson și cu stilistul alimentar Leslie Gavin „Aceasta este o echipă pe care am folosit-o cu succes în trecut”, explică Graver „Ei au înțeles cu adevărat conceptul nostru de a dori ca legumele să fie eroul, păstrând în același timp aspectul modern și curat S-ar putea să nu pară așa ceva pentru consumator, dar am petrecut ore întregi poziționând fiecare legumă în exact spațiul din interiorul nostru ” De la reproiectare, Seabrook s-a bucurat de vânzări crescute și de recunoaștere a mărcii, iar clientul are o grilă de pachete ușor adaptabilă în avans „Chiar și acum”, notează Graver, „când clientul solicită o altă extensie de linie, deoarece continuă să crească, rețeaua noastră funcționează fără probleme Tot timpul acela investit în transpirația asupra detaliilor grilei noastre până la nebunie continuă să dea roade pentru noi și pentru clientul nostru ” ЕЙВЯ К Cremă de spanac MICRO W/»VEA I E imagine: fermă eu CreanciecL Spanac jpg! ■ - pi ІЦВЭДііК - -* COMPANIA OFICIALĂ DE PRODUCERE STUDIU DE CAZ DIVIZIUNI ÎN SPAȚIU ZONE DE CONȚINUT DE FORMULARE OPUS: Un semn trebuia personalizat pentru a funcționa pe o ușă dublă încadrată în lemn cu centre de sticlă Designul trebuia să funcționeze atunci când ușile erau deschise sau închise FIR M Mfg Oficial Со DESIGNERI Fritz Mesenbrink, Jeremy Pelley, Mathew Poster CLIENT Prevederi Olimpice Compania de producție oficială (OMFGCO) s-a confruntat cu unele provocări interesante atunci când a abordat crearea unei identități de brand cuprinzătoare pentru Olympic Provisions, o mezeluri și un restaurant din Portland, Oregon Pe lângă crearea de modele consistente la scară mică pentru cărți de vizită, meniuri și autocolante, designerii au fost însărcinați să dezvolte elemente grafice în cadrul magazinului însuși Magazinul a impus unele provocări grile procesului de proiectare Diviziunile ferestrelor, pereții din diferite materiale și diviziunile naturale în spațiu prin stâlpi, ferestre și uși au creat o grilă foarte rigidă în care putea fi aplicată grafica de cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Compania oficială de producție: diviziunile din spațiul sub forma zonelor de conținut Semnul Meat/Eat trebuia să fie construit la comandă pentru a se potrivi în mod corespunzător cu spațiul, fără să se simtă înghesuit în perete Atunci când proiectați într-un spațiu fix, spațiul și forma cu care proiectantul poate lucra sunt deja stabilite Un zid poate avea diviziuni construite în el O ușă se poate deschide în mijloc, creând două module care sunt combinate uneori și separate în altele Apoi, există produse care trebuie să comunice clar pe cont propriu și să arate frumos atunci când sunt stivuite împreună pe un raft OMFGCO a lucrat în grila impusă de lucrare și și-a structurat designul pentru a funcționa în grila existentă, fie că era vorba de un teanc de salamuri cu informații despre ambalaje sau uși duble cu rame groase care creează jgheaburi extra late Rezultatul a fost un de bune practici pentru designeri grafici: grile și aspecte de pagină OLIMP| PROVISIQk ^OZIUNII ■■ - CURAT USCAT „стен HTsT'x !№>ECTED /иг\ >ін; А 'р₽л ЛтЙ Ч ”■ ОЕЯМГ^КТ IB Wi» \ J о і Pentru etichetarea produsului, lățimea salamurilor a determinat lățimea coloanei pentru informațiile de pe autocolante Aceste coloane trebuiau să fie suficient de înguste, astfel încât, atunci când erau stivuite împreună, toate informațiile esențiale din panoul de conținut principal să fie în continuare vizibile, iar atunci când sunt vizualizate individual, ierarhia informațiilor să fie confortabilă și clară с sistem de design flexibil care funcționează la fel de bine pe meniuri ca și pe uși sau carne „Pentru semnalizare, aveau nevoie de momente interioare care să trăiască bine în spațiu și care să contribuie la dezvoltarea poveștii mărcii”, spune Jeremy Pelley „Am modelat semnul M/EAT după semne vechi, sparte, luminate Când becurile se ard într-o singură literă, poate schimba sensul cuvântului din semn, care a fost scopul nostru: am vrut să spună atât „MĂNANȚI”, cât și „CARNE”, așa că am făcut ca „M” să clipească intenționat și pâlpâie ” Compania oficială de producție: diviziunile din spațiul sub forma zonelor de conținut STRUCTURA PAGINII O IMAGINE DE ANSAMBLU Pentru această serie de corespondență promoțională, a fost considerată necesară o dimensiune și o formă unică pentru a ieși în evidență în e-mail Forma piesei și valoarea sa conceptuală ca înregistrare au determinat aria liniei utilizabile și modul în care ar fi tratat conținutul FIR M How DESIGNER Noemi Kearns Când abordați un nou proiect, una dintre primele considerații este structura zonei de conținut Posibilitățile de dimensiune, proporții, suprafață live și modul în care privitorul interacționează cu piesa - prin pliere, citire pe pagini sau chiar prin modul în care este ținută - sunt aproape nesfârșite Alegerile trebuie luate în considerare cu atenție Pe lângă alegerile strategice și estetice, aplicarea practică a piesei va juca un rol important în determinarea dimensiunii și formei Va trebui să încapă într-un plic sau într-un suport pentru broșuri? Ar trebui să fie ușor de transportat? Trebuie să fie lizibil de la distanță? Funcționalitatea piesei nu trebuie compromisă de dragul unei dimensiuni mai plăcute din punct de vedere estetic De la trecerea de la papirus și suluri de pânză la folii legate, oamenii și-au rafinat modul în care privesc și interacționează cu materialele care sunt deschise, desfăcute sau frunzate Au apărut dimensiuni industriale standard, forțând decizii dificile cu privire la dimensiunea finală versus risipa de hârtie și costul proiectării la dimensiuni și proporții unice Cu toate acestea, pe măsură ce oamenii au dezvoltat o istorie cu pagina, au apărut proporții standard care sunt net mai plăcute decât altele, iar contextele istorice și estetice sunt frecvent citite în design de către privitor Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Structura paginii: o privire de ansamblu STRUCTURA PAGINII DIMENSIUNE SI FORMA OF T НЕ PAG În proiectarea unui jurnal în care conținutul a variat foarte mult de la un număr la altul, Sergio Alves a profitat de un format mare și o grilă rigidă care ar găzdui o mulțime de conținut într-un mod care să nu fie aglomerat sau copleșitor Acest format permite lățimi mici de coloane, cu suficient spațiu pentru marginile luxoase și tratamente mari de intrare pentru a echilibra suprafețe mari de сору într-un mod convingător vizual DESIGNER Sergio Alves CLIENT Nucleo de Jornalismo da Academia do Porto Anumite dimensiuni și proporții sunt în mod natural mai confortabile în interacțiunea între ele sau pur și simplu sunt mai plăcute ochiului Rapoartele matematice bazate pe numere precum cp, л și V apar din nou și din nou în proporții de pagină Unele relații muzicale standard, cum ar fi intervalele : și : (a cincea și, respectiv, a patra armonică) sunt, de asemenea, folosite frecvent datorită formei lor plăcute Pe lângă risipa, costul, utilizarea finală și considerentele estetice, conținutul va juca un rol important în determinarea structurii finale a paginii De exemplu, paginile înguste cu o mișcare verticală puternică vor implica faptul că conținutul trebuie consumat rapid Lungimi mai scurte ale liniilor vor duce la o citire mai ușoară, deoarece ochiul nu trebuie să călătorească departe de la sfârșitul unei linii până la începutul următoarei (o parte din motivul pentru care coloanele din ziare sunt înguste) Proza sau materialele care se concentrează asupra scrisului în sine pot fi mai bine servite de un format puțin mai larg care încurajează lectura lentă și deliberată În mod similar, conținutul care este definit în primul rând de imagini orizontale nu trebuie forțat într-un format vertical îngust Conținutul plin de diagrame complicate nu trebuie redus pentru a se potrivi într-o dimensiune mică, iar conținutul care necesită utilizarea de tabele lungi, cu mai multe rânduri poate fi cel mai bine servit de o pagină puternic verticală Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Structura paginii: dimensiunea și forma paginii STRUCTURA PAGINII MARJILE DE PAGINA Opus: Pentru această carte care sărbătorește cea de-a douăzecea aniversare a Texaco Havoline, au fost folosite marje mici pentru a maximiza suprafața live a paginii Acest lucru permite ca cantitatea mare de conținut divers care trebuie comunicată pentru a nu se simți aglomerat sau mic Acest lucru încurajează, de asemenea, citirea prin intermediul imaginilor mari și a unui spațiu amplu între conținut, ceea ce dă impresia că materialul este mai puțin dens și, prin urmare, este absorbit mai rapid Parteneri FIR M SVP CLIENT Chevron Corporation Deși marginile dintr-o pagină sunt o convenție aparent simplă și utilizată pe scară largă, determinarea utilizării lor pentru o anumită aplicație poate fi o provocare Marjele servesc mai multor scopuri, cum ar fi încadrarea conținutului într-un mod care să fie plăcut din punct de vedere vizual și să ajute în design De exemplu, marginile egale pot crea o pagină statică fără greutate reală, în timp ce marginile care poziționează zona live în mod asimetric pot ajuta la activarea spațiului negativ și pentru a face compoziția mai dinamică Marjele protejează, de asemenea, conținutul Din cauza variațiilor de tipărire și tăiere, marginile împiedică tăierea accidentală a conținutului Ele împiedică, de asemenea, conținutul să fie ascuns de degetele degetele cititorului (în cazul unei cărți sau broșuri) sau permit montarea hardware-ului în cazul afișajelor sau afișelor de la punctul de cumpărare Când planificați marginile unei piese cu pagini care se confruntă, cum ar fi o carte standard sau o broșură cusătură în șa, este o practică obișnuită ca marginile să progreseze de la cele mai mici la cotor, la mai mari spre partea de sus, la mai mari încă la partea de sus marginea anterioară, la cea mai mare la subsolul paginii Marginile superioare ale dimensiunii paginii sunt tipice, dar pot fi configurate în orice proporție dorită pentru dimensiunea paginii sau zona live care funcționează vizual în aplicația respectivă Rămâneți la curent cu formatul final este crucial aici Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Pentru a crea un echilibru vizual într-o broșură cu câteva pagini și o legare mică și flexibilă - cum ar fi o bobină simplă, o legare perfectă sau PUR - o margine a marginii anterioare care este de două ori mai mare decât marginea coloanei va crea o senzație de stabilitate și regularitate prin crearea unui spațiu între cele două zone active egal cu marginile marginii anterioare Într-o carte mai groasă sau una cu o legare mai rigidă, poate fi necesară mărirea marginii interioare pentru a fi citită corect din punct de vedere optic Structura paginii: Marjele paginii STUDIU DE CAZ CASERTA DESIGN DISPOZIȚI CĂ EVOCĂ UN EMOȚIONAL RASPUNS Lucrul creativ cu organizațiile nonprofit pune propriile provocări de design: resurse și personal limitat, găsirea de finanțare pentru finalizarea proiectelor și obținerea unei fotografii bune, pentru a numi câteva Caserta Design din Stratford, Connecticut, a avut provocarea suplimentară de a convinge Banca Alimentară din Connecticut să se îndepărteze de raportul său anual tradițional de dimensiunea unei scrisori Clientul era îngrijorat de faptul că orice alt format nu s-ar putea adapta la lunga sa listă de donatori – până la de nume pe pagină „GRADUL DE SUBSTANCĂ MI-A PERMIS SĂ CREAȚI ACESTE MOMENTE VISUALE — CU CULORI ÎNDRĂZNEȘTE, ZONE FRACTURATE DE LINII ȘI ALEATORII ATENȚIUNI — FĂRĂ SFÂNDUL IADULUI ” — Fred Caserta, Caserta Design Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină OOOOOVDU» іТЮМѴП Д? 'îi K!ii:i!itCT ri ■ - II :,o TlTȚ XL 'X 'LIÎLIi FIR M Caserta Design Company CLIENT Connecticut Food Bank Viziunea designerului și proprietarului Fred Caserta a fost de a transmite un sentiment de urgență prin utilizarea formatului mai înalt și de dimensiuni mai înguste pentru a crea tensiune și pentru a se adapta în continuare tuturor numelor care trebuiau să se potrivească Din fericire, Caserta a lucrat cu Connecticut Food Bank la raportul anual premiat de anul precedent, așa că a reușit să convingă organizația nonprofit să opteze pentru un format mai înalt și mai îngust Grila cu cinci coloane asociată cu un font foarte lizibil de puncte ar maximiza numărul de donatori pe pagină, reducând simultan numărul total de pagini, economisind astfel banii clientului Design Caserta: aspect care evocă un răspuns emoțional Aceste economii de costuri i-au permis lui Caserta și alte lucruri care nu ar fi fost obținute altfel, cum ar fi folosirea imaginilor frumoase și sensibile ale portretului fotografului din Connecticut Aaron Kotowski și a unei hârtii Mohawk necretate % Post Consumer Waste, care ținea frumos tipul de pt eliminat și oferă cartea o căldură și o strălucire „GĂSesc că GRILELE SUNT DE NE PREȚIONATĂ — ÎȚI МАКЕ MUNCA TA DE DESIGNER MULT MAI UȘOR, MAI ȘI ÎN CĂRȚILE MARI UNDE ESTE NEVOIE DE STRUCTURA ” — Fred Caserta, Caserta Design de bune practici pentru designeri grafici: grile și aspect de pagină Grila cu cinci coloane a oferit anualului un cadru flexibil pentru a menține piesa interesantă Caserta a folosit linii, tipografie și degrade așezate stângaci pentru a transmite sentimentul de neliniște care se referea direct la tema raportului: că foamea poate apărea oricui Rezultatul? Un alt home run pentru Caserta Design Nancy Carrington, CEO și președinte al Băncii Alimentare din Connecticut, i-a spus lui Caserta: „Sunt atât de mulțumită de raportul nostru anual Are dimensiuni reduse, dar nu arată Designul este curat și clar Ai inteles Lucru remarcabil ” Design Caserta: aspect care evocă un răspuns emoțional STRUCTURA PAGINII ZONA LIVE: DIMENSIUNEA PAGINII Puteți determina zona live în același mod în care determinați dimensiunea paginii: poate fi rezultatul direct al nevoilor pe care proiectul le impune designului De exemplu, un format mic, cu o cantitate mare de conținut, ar necesita ca zona live să fie destul de mare în raport cu dimensiunea finală a paginii, pentru a permite întregului conținut să se potrivească Ar putea fi, de asemenea, o dimensiune și o formă concepute cu atenție pentru a crea echilibru și armonie în cadrul paginii sau, dimpotrivă, pentru a crea dezechilibru și pentru a ghida dinamic cititorul prin piesa În timp ce zonele live sunt rareori absolute, cu folii, capete de rulare și note marginale care modifică forma zonei de conținut primar, zona live va avea prezență Forma zonei live ar trebui să fie atent corelată cu forma și dimensiunea generală a paginii Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Un joc vizual plăcut poate fi realizat uneori prin diferite dimensiuni și forme care creează mișcare vizuală În acest exemplu, un format mare și stabil este cuplat cu o zonă de conținut principală mică, îngustă, plasată în partea de sus a paginii pentru a obține acest efect FIRMĂ Sensus Design Factory Zagreb CLIENT Kabinet Grafike HAZU Structura paginii: Zona live: Dimensiunea paginii STRUCTURA PAGINII SIMETRIA c COMPOZIȚIA În acest raport anual pentru Aegis, SVP Partners au structurat paginile astfel încât elementele de design din fiecare pagină să se răspundă reciproc și să conducă spectatorul prin difuzare Așezate strategic în întreaga piesă, variațiile de culoare, conținut și tip păstrează aspectul proaspăt, în timp ce poziționarea așteptată menține consistența FIRM SVP Partners CLIENT Aegis Pentru a menține spectatorul interesat pagină după pagină, fiecare aspect trebuie luat în considerare atât izolat, cât și în relație cu aspectul care se confruntă și cu cel de pe verso În timp ce o compoziție poate avea un impact mare în mod izolat, dacă este în discordie cu pagina de față, nu va funcționa Grila ar trebui să permită o conversație O declarație vizuală configurată pe o pagină ar trebui să primească un răspuns pe următoarea într-un mod distinct, dar similar În acest fel, fiecare pagină care încorporează grila de bază și limbajul de design se va simți proaspătă și unică într-un mod așteptat și previzibil cele mai bune practici pentru designeri grafici: grile și aspect de pagină STRUCTURA PAGINII PLURI & RELAȚIA DE CONȚINUT PE PAGINI Această broșură triplă pentru Re Metal Tools, concepută de Martina Sangalli de la DeDaLab, folosește o formă înclinată cu culori de fundal pe fiecare panou care, atunci când este pliată, adaugă interes vizual și schimbă forma fizică a piesei pe măsură ce este deschisă Acest lucru creează o relație de succes și interesantă între formatul flexibil și informațiile rigid structurate din interior Relația dintre zonele de conținut între pagini este importantă în documentele cu mai multe pagini, dar într-un format precum o broșură sau o bucată care are pliuri compuse, această relație este în flux constant Conținutul trebuie să fie structurat într-o manieră așteptată, ordonată, care să fie convingătoare din punct de vedere vizual, cu o ierarhie adecvată, indiferent dacă spectatorul privește o singură pagină „închisă”, piesa deschisă complet sau ceva între ele Modul în care un spectator interacționează cu o piesă pliată va dicta, în mare măsură, modul în care este livrată progresia informațiilor Pentru ceva de genul unei hărți, în care etapa cea mai crucială a interacțiunii este atunci când piesa este complet deschisă, a avea un conținut invers în timpul desfășurării nu este o problemă Cu toate acestea, dacă formatul nu este familiar pentru spectatori, vor simți ei nevoia să rotească piesa pe măsură ce o desfășoară? Un nivel suplimentar de interacțiune ajută sau împiedică furnizarea de informații? Indiferent de decizia finală, designul și aspectul ar trebui să susțină în mod clar această decizie Spectatorii care sunt confuzi cu privire la modul în care ar trebui să interacționeze cu piesa vor fi frustrați și vor suferi, ca urmare, de o reținere slabă FIRMA DeDaLab DESIGNER Martina Sangalli CLIENT Re Metal Tools Structura paginii: pliuri și relație de conținut între pagini În această promovare interesantă pe hârtie, Studio Will din Hong Kong a conceput o carte de povești al cărei subiect era legat de beneficiile hârtiei Cocoon Pentru a ne asigura că povestea a fost neîntreruptă de specificațiile lucrării - astfel încât piesa să poată funcționa simultan ca o promovare a mărcii și ca un instrument de livrare a conținutului - conținutul mai profund a fost tipărit pe spatele paginilor și apoi franceză împăturită în carte În acest fel, dacă spectatorii doreau informații mai profunde, puteau rupe pagina perforată și să o acceseze, iar dacă doreau doar să citească povestea o puteau face fără întrerupere FIRM Studio Will CLIENT ANTAL S (HK) Ltd Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Structura paginii: pliuri și relație de conținut între pagini STRUCTURA PAGINII PRODUCȚIE CONSIDERAȚII Opus: Când Katrina Strich de la Rule a abordat designul blogului Neenah Paper Against the Grain, ea a transformat restricțiile de producție ale designului web într-un site eficient și atractiv O grilă ierarhică puternică creează zone de conținut distincte, care păstrează informațiile esențiale deasupra paginii Integrarea tipului în imagini permite utilizarea fonturilor care altfel ar fi imposibil de controlat într-un mod așteptat Colțurile îndoite pe zonele de conținut sugerează foi de hârtie, făcând ca acest tip de aspect să pară o alegere naturală pentru Neenah Paper Regula FIRM DESIGNERI Tim Damitz, Justin Ahrens CLIENT Neenah Paper Trebuie luate în considerare cerințele și restricțiile de producție la începutul unui proiect pentru a construi comunicarea astfel încât aceste restricții să fie invizibile pentru privitor Dacă legarea va necesita jgheaburi mari, construiți designul pentru a juca pe baza acelei cerințe, mai degrabă decât să o ajustați la sfârșitul procesului Dacă piesa va avea margini clar vizibile și se va plia, compensați modul în care două margini vor arăta una lângă alta atunci când sunt deschise, reducând marginea de pliere foarte puțin Dacă piesa va fi tipărită pe o presă web sau pe hârtie de ziar, bond sau altă hârtie grosieră, necretate, poate dimensiunea totală este mărită pentru a permite tipului mai mare să apară proporțional cu piesa În mod similar, dacă piesa este un site web, grila trebuie să se asigure că niciun conținut crucial nu este decupat în afara ecranului, chiar și în cele mai adverse scenarii O grilă ierarhică este o modalitate bună de a face față restricțiilor impuse de monitoarele sau dispozitivele mobile mai mici Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Structura paginii: Considerații privind producția SUBCONSIDERARE STUDIU DE CAZ GRUPARE CU GRELE F IR M UnderConsideration LLC DESIGNERI Bryony (?omez-Palacio, Armin Vit CLIENT S F+W Media, CUM Cărți Când duo-ul de creație UnderConsideration Bryony Gomez-Palacio și soțul Armin Vit au început să conceapă cartea Women of Design, au avut câteva provocări principale de rezolvat Ei au creat mai întâi o listă mașter de caracteristici pe care să le evidențieze în cadrul fiecărui profil Acest lucru a permis o perspectivă largă asupra tipului de informații pe care doreau să se încadreze în fiecare răspândire Apoi, au proiectat structura cărții înțelegând că trebuie să fie flexibili pentru a se adapta la răspunsurile variate pe care le vor primi Au existat o mulțime de informații de inclus, cum ar fi naționalitatea fiecărei femei, anul nașterii, locația, anii în afacere, poziția/firma actuală, angajarea anterioară și educația în design „SUNTEM FOARTE MULȚUCUȚI DE REZULTAT ȘI NU PUTEM SUFINIȚIA SUFICIENT PE UTILIZAREA UNUI NUMĂR DE COLONI IMPAR, DECÂT PAR ACEST MIC DETALIU A FACUT TOATA DIFERENTA ” —Bryony Gomez-Palacio, Subconsiderat Cele mai bune practici pentru designeri grafici: grile și aspect de pagină În plus, s-au gândit la spațiul pentru interviuri, care au urmat o formulă, dar au fost unice pentru fiecare individ prin durata fluctuantă a răspunsurilor În cele din urmă, imaginile au fost trimise în diferite formate și dimensiuni De asemenea, au introdus câteva pagini întregi cu imagini însoțite de citate, oferind cititorului șansa de a respira vizual și de a se bucura de frumusețea lucrării prezentate Citatele puii au fost plasate strategic de-a lungul profilurilor pentru a-i atrage pe acei cititori care doar răsfoiau paginile să se oprească și să privească SUS Opus: Gomez-Palacio și Vit au stabilit o diviziune orizontală pe toate paginile La începutul fiecărui profil, au folosit emisfera de sus a paginii pentru a include caracteristicile, fotografia de profil și introducerea Partea de jos a paginii a fost rezervată pentru interviuri Paginile rămase din fiecare profil au fost folosite pentru imagini – atât de sus, cât și de jos – și, dacă era necesar, pentru a încheia interviuri mai lungi (întotdeauna în jumătatea de jos a paginii) PARTEA DE JOS: O grilă cu trei coloane a fost critică pentru succesul aspectului cărții, deoarece a reunit perfect textul și imaginile, care erau toate de diferite dimensiuni și lungimi Un alt aspect atrăgător a fost modul în care a instruit cititorii unde să caute informații specifice pentru fiecare profil după ce a citit doar câteva pagini А В О VE: „În timp ce structura noastră era rigidă, am fost capabili să găzduim o cantitate surprinzătoare de informații într-un număr limitat de pagini, fără a face ca paginile să pară prea aglomerate sau copleșitoare”, explică Gomez-Palacio Subconsiderare: Gruparea cu grile STRUCTURA CONȚINUTULUI O IMAGINE DE ANSAMBLU După determinarea formei și formatului piesei care urmează să fie proiectată, următorul pas este stabilirea structurii conținutului Ar putea fi tentant să începeți imediat dezvoltarea limbajului vizual al piesei, dar fără un plan, mai multă muncă mai târziu în proces este aproape sigur rezultatul Ce poveste trebuie spusă și cine este publicul? Acest parteneriat între mesaj și audiență joacă un rol crucial în construirea bazei unei comunicări de succes Comunicarea trebuie să fie construită într-un mod care să fie lizibil și credibil, astfel încât să pară naturală pentru public și să se potrivească conținutului Acest arc ar trebui să poată atinge toate punctele cheie într-un mod ordonat, astfel încât diferitele zone de conținut și pagini să nu se simtă dezarticulate, dar ar trebui să fie, de asemenea, unice individual, pentru a nu plictisi cititorii, oferind în același timp o foaie de parcurs pentru a le deplasa piesa, obligându-i să întoarcă paginile și să consume informații Cele mai bune practici pentru designeri grafici: grile și aspect de pagină STRUCTURA CONȚINUTULUI DEZVOLTAREA LITURILOR/ PROGRESIA INFORMAȚIILOR Este esențial chiar înainte de a pune creionul pe hârtie sau de a porni computerul să ne gândim la ritmul și la ierarhia informațională a proiectului Acest lucru este deosebit de important în dezvoltarea documentelor cu mai multe pagini, cum ar fi broșuri, reviste sau cărți Povestea trebuie să se desfășoare într-un mod captivant, care să miște privitorul de-a lungul cursului dorit Acest arc de conținut va fi diferit pentru un articol de corespondență directă decât ar fi pentru apelul anual pentru o organizație nonprofit, o piesă strict de construcție a mărcii sau un raport anual Pentru toate aceste piese, totuși, declarația inițială trebuie să fie excepțional de puternică, din mai multe motive În primul rând, pentru ca privitorul să ia piesa de pe raft sau să întoarcă pagina de copertă necesită o sumă de dobândă din partea respectivului privitor Odată ce acest nivel de interes este câștigat, șansele de a atrage privitorul în piesă sunt crescute În al doilea rând, declarația făcută de coperta pune scena pentru restul piesei Poate pune o întrebare la care se răspunde mai târziu sau poate începe o conversație care este purtată prin piesa; sau, la fel ca rădăcina unei coarde muzicale, conținutul din interior se poate reia la acea declarație inițială într-un mod care construiește sens prin relația lor Pentru o expoziție plină de mici detalii și care necesită o interacțiune intimă cu fiecare stație în timp ce se construiesc împreună pentru a crea o mai bună înțelegere a subiectului unificator, a fost folosită o progresie familiară - alfabetul roman - pentru a facilita navigarea ușoară prin informații FIRMĂ Michael Osborne Design DESIGNERI Michael Osborne, Cody Dingle CLIENT Muzeul Smithsonian Nationa Postai Structura conținutului: dezvoltarea citirii/progresiei informațiilor STRUCTURA CONȚINUTULUI INFORMAȚII DE GRUPARE Pe aceste două documente reprezentative din publicația RESOC Westhoek Regional Charter - , tratamentele consecvente ale informațiilor similare — indiferent dacă sunt fotografii, titluri, subtitl sau corp de corp — facilitează parcurgerea citirii doar a unei lene de conținut, fără a sacrifica coeziunea a elementelor de pe fiecare spread FIR M Design Sense DESIGNER Katelijne De Muelenaere RESOC CLIENT Westhoek, Diksmuide După ce am determinat evoluția generală a conținutului prin piesa, este timpul să intri în mie O modalitate de a păstra un sentiment de consistență de la o pagină la alta este să tratezi articole similare într-un mod similar În plus față de crearea unui fir comun pentru ca privitorul să navigheze în piesa de-a lungul diferitelor niveluri de importanță, face informațiile mai accesibile prin faptul că privitorul nu trebuie să redetermine relațiile de conținut cu fiecare trecere a paginii Pentru a face acest lucru, totuși, este necesar un nivel ridicat de familiaritate cu conținutul În structurarea conținutului, designerul trebuie să fie capabil să recunoască nu numai elementele care sunt la același nivel în mod obiectiv, ci și modul în care această grupare de informații va reia în mod subiectiv spectatorilor și îi va ajuta să-i mute prin conținut în modul dorit De exemplu, ce fel de „imagine de ansamblu” implică acordarea a două afirmații de aceeași greutate? Conținutul trebuie grupat în două direcții: tot conținutul cu niveluri similare trebuie să aibă sens atunci când este vizualizat împreună, iar tot conținutul diferitelor niveluri care ocupă aceeași pagină sau răspândit trebuie să formeze o unitate coerentă - ce iau spectatorii dacă citesc doar titlurile și ce iau dacă se uită la o singură pagină? Povestea generală trebuie să fie construită într-o manieră sensibilă, în același mod în care fiecare pagină se construiește logic Cele mai bune practici pentru designeri grafici: grile și aspect de pagină Structura conținutului: gruparea informațiilor STRUCTURA CONȚINUTULUI RHYTHM Sc FLOW „Willoughby a lucrat cu revista JET pentru a repoziționa și actualiza marca JET pentru nevoile în schimbare ale comunității afro-americane Acordând o atenție deosebită ritmului și fluxului, designerii s-au asigurat că conținutul publicației capătă o lectură mai „de gustări”, care oferă rapid interpretarea unică a afro-americanilor asupra ultimelor știri și divertisment FIRMĂ Willoughby Design CLIENT Johnson Publishing Modul în care aceste grupuri de informații sunt distinse și legate între ele joacă un rol important în determinarea accesibilității spectatorului la conținut Rareori este propice îmbunătățirii lizibilității prin faptul că are un corp сору care arată ca o gândire ulterioară lipit de un titlu Lucrul îndeaproape cu un copywriter poate ajuta, de asemenea, să ne asigurăm că relațiile dintre grupurile ierarhice de conținut sunt consistente Un titlu de trei propoziții s-ar putea să pară ciudat lângă o secțiune de trei propoziții a corpului сору dacă, pe pagina următoare, există un titlu de o propoziție cu zece propoziții de сору Un ritm proporțional consecvent ar trebui să existe pe tot parcursul piesei pentru a evita confuzia spectatorului sau crearea unei tensiuni neintenționate Așa cum diferitele ierarhii de conținut ar trebui să curgă în mod natural și previzibil unele în altele, tranzițiile de pagină sau de secțiune ar trebui să fie, de asemenea, ușoare și naturale pentru a încuraja spectatorii să-și continue relația cu piesa Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Această copertă pentru ziarul JUP arată relații proporționale efective de la titlu la titluri până la corpul articolelor Lungimea acestor secțiuni este gestionată de indicii că povestea este continuată la un moment ulterior al publicației - o strategie adesea folosită și în aspectul site-urilor web Imaginea este, de asemenea, folosită pentru a ajuta ochiul prin conținut, asigurându-se că o zonă curge corespunzător în următoarea DESIGNER Sergio Alves CLIENT Nucleo de Jornalismo da Academia do Porto Structura conținutului: ritm și flux STRUCTURA CONȚINUTULUI ritmul Opus: Această carte a celei mai bune reclame daneze din trebuia să prezinte o gamă largă de materiale, de la storyboard-uri complicate la reclame imprimate pe toată pagina reproduse la dimensiuni mai mici – ambele necesită o analiză aprofundată Pentru a crea o experiență prietenoasă pentru cititor, acest conținut a fost împrăștiat cu atenție, presărat cu artă pentru copii și tratamente tipografice mari, pline, pentru a ajuta la legarea pieselor la tema anului: fă-ți părinții mândri FIR M Brandcentral CLIENT Trocaire Determinarea ritmului unei piese este următorul aspect în construirea unei comunicări eficiente O mare parte din acestea vor proveni direct din rezultatele analizei aprofundate a publicului țintă Indiferent dacă tonul piesei – manifestat prin conținut, design și format – este serios, distractiv, autoritar sau oricare dintre o serie de alte stiluri, ar trebui să fie potrivit pentru public Tipul piesei este celălalt mare determinant Dacă, de exemplu, piesa este o promovare prin corespondență directă și trebuie consumată dintr-o dată, poate beneficia de puncte de comunicare succinte și energice, pentru a-l ajuta pe spectator rapid pe măsură ce se dezvoltă vânzarea Dacă piesa este ceva ce poate fi consumat lent sau pe parcursul mai multor ședințe, cum ar fi o revistă, construirea în zone previzibile și regulate de odihnă și interes facilitează utilizarea ușoară și crește probabilitatea ca privitorul să nu o lase jos chiar înainte iese un fragment crucial de Informație Acest lucru oferă, de asemenea, cititorilor perioade pentru a absorbi și a interioriza ceea ce se uită de cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Structura conținutului: ritmul STUDIU DE CAZ МЕМО PRODUCTII Opus: Menținerea consecventă a zonei live și a diviziunilor primare asigură că deschizătorii de secțiuni sunt legați înapoi de blocul de text principal Capetele secțiunilor poziționate în grila principală în afara zonei live și servesc, de asemenea, ca intermediar între paginile de colaj și zonele de text FIR M ІАето Productions CLIENT ]ohn ] Wiley and Sons, Inc Când Douglas Riccardi de la Memo Productions din New York s-a pregătit să proiecteze cartea Exploring Wine, cantitatea masivă de conținut a reprezentat cea mai mare provocare pentru echipa de proiectare Cu mai mult de de pagini și un client care era încă preocupat de integrarea în întregul conținut, Memo Productions trebuia să dezvolte un sistem de grilă și un aspect care să maximizeze spațiul utilizabil, dar să rămână suficient de flexibil pentru a găzdui o gamă largă de tipuri de artă, de la fotografii , la siluete de etichete în toate formele, la grafice de informații, diagrame și bare laterale Realizând rapid că are nevoie de un aspect al paginii cu cea mai mare zonă de text posibilă, a stabilit o grilă cu două coloane care ar permite ca elementele de artă și сору de diferite dimensiuni să fie organizate cu un minim de rulare și zone albe goale În plus față de această grilă primară cu două coloane, Memo Productions a dezvoltat o grilă compusă pentru deschiderile de secțiuni și anteturile care a fost bazată pe grila primară Acest lucru a fost făcut pentru a găzdui fie o fotografie, fie un colaj de tip care s-ar simți distinct de conținutul principal, dar încă legat de acesta de cele mai bune practici pentru designeri grafici: grile și aspect de pagină Grene f Мето Productions: Conținutul este Regele SUS Opus: Colaje de cuvinte legate de capitol și așezate într-o combinație de fonturi diverse care completează textul principal, adaugă profunzime aspectului PARTEA DE JOS: Când este necesar, cele două coloane pot fi combinate și întreaga zonă live poate fi umplută cu diagrame, tabele sau alte informații Un flux de culori în spatele acestor informații se leagă înapoi în zonele de text clar definite formate de coloanele de text justificate de pe celelalte pagini Capetele de secțiune și deschizătorii sunt puțin supradimensionate; în fața unui spațiu limitat, echipa a analizat cu atenție modul în care aceste elemente ar fi tratate În cele din urmă, a decis că valoarea adăugată aspectului, în ceea ce privește adăugarea de puncte de interes și ruperea monotoniei întinderilor extrem de grele de text, i-ar permite să se potrivească în mai mult conținut text fără a pierde interesul cititorului Capetele și deschiderile de secțiuni servesc pentru a adăuga accente în fluxul de conținut și punctează ritmul de livrare a conținutului cu stropi de culoare și imagine revigorant Prin combinația dintre un ritm atent și o grilă primară și o zonă live care maximizează spațiul utilizabil și utilizarea culorii, Memo Productions a reușit să dezvolte un aspect extrem de bogat în conținut, care păstrează interesul cititorului „CHIAR ÎN ASPECTAREA PAGINEI SIMPLU, FOARTE STRUCTURATĂ, UTILIZAREA ÎNDRĂZNEAZĂ A ELEMENTELOR DE TIP MARE ȘI A BLOCURILOR DE CULOARE VIBRANȚE POATE ATRAGĂ INTERES, ÎNGHIA CITITORUL ȘI CREEA SURPRIZĂ ” — Douglas Riccardi, Memo Productions Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Memo Productions: Conținutul este King ALEXANDER ISLEY, INC ILUSTRARE GRUPAT CU TEXT STUDIU DE CAZ În mod obișnuit, atunci când unui designer grafic i se cere să planifice și să proiecteze o carte, cartea a fost deja scrisă Cu toate acestea, nu a fost cazul când Alex Isley, de la Alexander Isley, Inc , a fost abordat de autoarea Kate Ascher pentru a proiecta The Works, o carte de infografică despre infrastructura orașului New York Ascher observase o parte din lucrările lui Isley și se gândise că studioul lui se potrivește bine pentru ceea ce avea ea în minte Isley sa întâlnit apoi cu editorii pentru a discuta multă planificare și coordonare pe care le-ar necesita acest proiect Era nevoie de o echipă talentată și strânsă pentru a-l scoate Lucrând într-un mod extrem de neobișnuit, lui Isley i s-a oferit doar materia primă pentru carte, pe care el și echipa sa de doisprezece persoane de designeri și artiști au folosit-o pentru a așeza și a sparge manuscrisul O componentă cheie a succesului proiectului a fost realizarea unei foi de stil ilustrative detaliate pe care toți artiștii să o urmărească la începutul procesului Acest lucru a ajutat la sistemul general de organizare al cărții, care este bazat pe ilustrații Scriitorul, între timp, a furnizat text pentru machetele proiectate pe care echipa Isley le-a furnizat Acest lucru a permis scriitorului să vadă în prealabil spațiul fiecărei pagini în care să scrie în grila cărții Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină DE SUS: Ilustrațiile și conținutul textului sunt ambele unite și păstrate separate într-un mod care se simte foarte integrat în manuscris prin intermediul sistemului de grile și datorită colaborării strânse dintre Isley și Ascher în dezvoltarea conținutului DREAPTA: Ilustrațiile schematice ar fi un punct focal al cărții și, ca urmare, au jucat un rol semnificativ în determinarea plasării celuilalt conținut pe pagină sau răspândit FIR M Alexander Isley, Inc DESIGNER Alexander Isley, Inc CLIENT Penguin Press Alexander Isley, Ine : Ilustrație grupată cu textul Pentru a crea o astfel de carte informativă cu fapte complexe, statistici și analize, a trebuit să fie dezvoltat un sistem de layout foarte structurat pentru a împiedica conținutul să devină copleșitor O grilă puternică ajută la legarea ilustrațiilor și a textului împreună în module care apoi sunt legate vizual împreună pentru a le citi ca o diagramă sau un tabel de informații Pentru a adăuga provocarea generală, echipa lui Isley și Ascher au avut doar șase luni pentru a conceptualiza, a direcționa arta, a proiecta, a comanda, a așeza, a scrie, a produce, a imprima și a livra cartea „A fost o carte incredibil de complex de produs”, Isley explică „Din moment ce termenul nostru limită era atât de nebunesc, sistemele de grilă, tipografice și vizuale au trebuit să fie bine luate în considerare și configurate, astfel încât procesul să poată continua ca un ceas A trebuit ” de cele mai bune practici pentru designeri grafici: grile și aspect de pagină Având un sistem de grile stabilit, împreună cu ghiduri detaliate pentru ilustrații, le-a permis designerilor, artiștilor și autorului să lucreze concomitent la carte Acest lucru a fost esențial pentru îndeplinirea termenului limită incredibil de grăbit și le-a permis să mențină proiectul în mișcare, să mențină organizarea și să adauge fără probleme fiecare componentă la locul său, chiar și atunci când acele componente au fost finalizate la momente diferite de către diferiți indivizi, inclusiv sutele de ilustrații se lucrează simultan Rezultatul este o carte frumoasă, care a fost una dintre cărțile Amazon com ale anului în „ACSTA A FOST UN PROIECT COMPLET DE DIVERTUT ȘI EMOZANT DE LUCRU — UNUL PENTRU CARE ECHIPA NOASTRE A AVUT UN MARE SENT DE REALIZARE ȘI MANDRIE CÂND A FOST TERMINAT ” —Alex Isley, Alexander Isley, Inc Alexander Isley, Ine : Ilustrație grupată cu textul AICI DESIGN ILUSTRAȚII ADAUGĂ AROMĂ PENTRU DISPOZIȚII STUDIU DE CAZ Arătând unele dintre paste în secțiuni transversale și ilustrându-le în alb și negru, echipa a reușit să arate o gamă largă de paste în dimensiunea lor reală în raport cu celelalte paste din carte FIR M Неге Design DESIGNER Caz Hildebrand CLIENT Boxtree / Macmillan Sistemele de grilă și designul de layout sunt foarte concentrate pe clasificare și organizare pentru a oferi structură și regularitate unei piese de comunicare Ei se bazează foarte mult pe perechi și grupări pentru a crea un ritm și un flux care să facă piesa accesibilă privitorului, iar modul în care este organizat conținutul va afecta direct modul în care privitorul interpretează informațiile Pentru Неге Design din Londra, problema împerecherii informațiilor a fost la baza cărții sale The Geometry of Pasta În încercarea de a demonstra cum să alegeți forma potrivită de paste pentru a le mânca cu sosul potrivit, echipa Неге Design trebuia să construiască o structură care să îi permită să prezinte o gamă largă de paste de diferite forme și dimensiuni, la dimensiunea lor reală, într-un format unificat „GRADUL DE TIP DE DEBUT ESTE FORMAL, DAR UTILIZAREA ILUSTRAȚILOR AJUTĂ LA ТО МАКЕ PAGINILE SĂ SĂ SĂ SĂ PĂRĂ VARIATE ” — Caz Hildebrand, Неге Design de cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Неге Design: Ilustrațiile adaugă aromă la layout-uri «««#« ♦♦♦♦♦ Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Încercând să mențină comunicarea cu atât de multe părți distincte cât mai simplă posibil, echipa a folosit alb-negru pentru tot ce este din carte Pe lângă unele dintre provocările de producție reprezentate de utilizarea negrului dens, această abordare a făcut și mai important ca ilustrațiile să facă ceva grele ca elemente grafice în acest aspect Combinația de repetare a elementelor pentru a crea modele, ilustrații compuse cu atenție ale pastelor pentru a interacționa cu textul de pe țesătură și decuparea interesantă a adăugat tot interesul vizual pe care oricine l-ar putea cere și creează un aspect consistent pentru piesa Singura parte mai implicată – dar cu impact mai mare – a acestei cărți este o copertă care se pliază într-un poster care arată toate tipurile de paste în același mod texturat SUS: Geaca de carte se pliază într-un poster texturat cu ilustrații de paste OPPUZĂ: Modul dinamic în care aceste ilustrații distincte sunt încorporate în aspect face ca fiecare întindere să se simtă unică și interesantă, în timp ce zona de text principală este construită într-o grilă simplă cu două coloane care oferă unitate între tratamentele spreadurilor Неге Design: Ilustrațiile adaugă aromă la layout-uri RELAȚIA COMPONENTELOR DE PROIECTARE O IMAGINE DE ANSAMBLU Majoritatea grilelor servesc pentru a integra tipul și imaginea, lăsând tratarea acelor elemente să clarifice și să codifice informațiile pentru cititor și să creeze un plus de sens prin juxtapunerea lor Uneori, totuși, este necesar să se mențină separarea între părțile de conținut din piesa Fie pentru a asigura o poveste neîntreruptă în conținutul principal, fie pentru a pune accentul unei imagini sau unui citat puii, zonele de conținut pot fi unite sau separate printr-o serie de tehnici Tratarea părților constitutive din pagină, scara relativă a acestora și relațiile spațiale dintre conținut sau manifestarea unei grile organizaționale bine gândite sunt toate metode care pot fi folosite pentru a crea un context în format care poate unifica elemente de pe pagină sau creați distincție între ele de cele mai bune practici pentru designeri grafici: grile și aspecte de pagină RELAȚIA COMPONENTELOR DE PROIECTARE CUM POATE FI TEXTUL ȘI IMAGINEA SEPARAT O modalitate obișnuită de a separa componentele aspectului este prin sistemul de grilă în sine O grilă ierarhică utilizată pentru configurarea unui site web poate asigura că zonele de conținut sunt suficient de distincte de altele prin poziția fizică repetată a celor pe format (în acest caz, ecranul) Elemente precum ajutoarele de navigare de pe site-uri web vor arăta și se vor simți distincte ca urmare a naturii lor aparent statice, pe măsură ce un spectator analizează site-ul, iar celălalt conținut dinamic circulă și revine în jurul acelor structuri de navigare Într-o piesă imprimată, un efect similar poate fi obținut prin utilizarea unei grile care utilizează o combinație de coloane largi și înguste În acest tip de configurare, o narațiune care rulează poate fi menținută de la o pagină la alta în zona de conținut principal, în timp ce conținutul de sprijin (diagrame, legende, fotografii etc ) poate trăi paralel cu povestea principală din coloana îngustă Pentru ambalajul Programului de săpunuri și loțiuni Williams-Sonoma, secțiunile de informații au fost distinse tipografic Regulile subtile ajută la sporirea separării ierarhice între zonele de conținut Împerecherea unui șerif modern cu o mișcare verticală puternică cu un script prietenos, informativ a permis separarea clară a conținutului, chiar și în spațiul mic al unui labei FIRMĂ Michael Osborne Design DESIGNERI Michael Osborne, Alice Koswara, Sheri Kuniyuki CLIENTUL Williams-Sonoma Relația dintre componentele de design: cum pot fi separate textul și imaginea Când trebuie făcută o distincție suplimentară dincolo de ceea ce realizează numai grila, diferitele tratamente tipografice vor adăuga un alt nivel de separare Pentru provocările de conținut bazate pe tip, folosirea unui alt chip/mărime/stil de tip poate declanșa liste sau subtitrări și împiedică amestecarea conținutului Utilizarea diferitelor greutăți sau dimensiuni ale aceleiași fețe poate ajuta la menținerea unui nivel de uniformitate sau consistență generală, diferențierea în același timp a zonelor de conținut Barele laterale sau alte forme care conțin pot fi folosite pentru a separa sau a scoate conținutul, deosebindu-l de comunicarea principală Acest lucru poate fi util în special atunci când materialul de separat nu este pur și simplu bazat pe text, ci necesită mai multă distincție decât poate fi obținută numai prin grilă Dacă aceste bare laterale sau module care conțin subconținut pe niveluri nu fac parte din limbajul de proiectare obișnuit al piesei sau dacă oferă informații detaliate la un nivel mai granular decât este capabil să găzduiască în mod rezonabil ierarhia de conținut principal, poate fi necesară o grilă compusă specială dezvoltat Luând indicii de la sistemul de grilă principală, grila compusă va controla și organiza informațiile din acea secțiune de cele mai bune practici pentru designeri grafici: grile și aspecte de pagină RELAȚIA COMPONENTELOR DE PROIECTARE CUM POATE FI UNITE TEXTUL ȘI IMAGINEA Similar cazurilor în care un anumit conținut trebuie să fie distins de alte zone, există momente în care tipurile de conținut sau diferite zone ale unei piese trebuie să fie unificate Acest lucru se poate face printr-o grilă fermă care leagă elementele între ele prin structura de bază pe care sunt organizate sau prin modul în care sunt tratate vizual Când încercați să unificați elementele de conținut prin principiul de organizare implicat de grila în sine, este important să vă asigurați că există un echilibru vizual între elemente Frecvent, acest lucru se realizează cu succes atunci când zonele de conținut par să comunice între ele Chiar dacă întrebarea În această răspândire din revista VITA, a fost folosită o combinație de tehnici pentru a lega conținutul O formă de conținut care sparge efectiv rama foto leagă fotografia de blocul de conținut principal, în timp ce mișcarea puternică verticală și orizontală permisă de grila subiacentă mișcă ochiul privitorului în jurul zonei, direcționându-l către elementele necesare în ordinea corectă și ceea ce face ca lucrurile să fie citite ca unități de informații legate FIRMĂ Bertz Design Group CLIENT Middlesex Health Sistem Relația dintre componentele de design: cum pot fi unificate textul și imaginea Aceste postere leagă textul și imaginea împreună folosind un tip ilustrativ care interacționează cu conținutul din fotografie DESIGNER Johnson Banks CLIENT The British Library prezentată de prima zonă de conținut nu este abordată decât mai târziu (odată ce broșura este complet deschisă, de exemplu), relația implicată de un mesaj partajat pune aceste zone de conținut la același nivel pentru spectator O conexiune la fel de strânsă poate fi stabilită prin proximitatea fizică - unde fiecare dintre o serie de fotografii sau diagrame este legată direct de conținutul textului, arătând mai aproape de acesta decât oricare alta Acest lucru se poate face și prin proximitatea vizuală, unde culoarea, scara, o formă care conține sau alt atribut vizual este partajată de cele mai bune practici pentru designeri grafici: grile și aspecte de pagină HILTWT UVING / ft' sțeu rsh ip msp i г e niște vânătoare și culegeri ale tale CAMELII Tipurile lor au îndelungat grădinile sudice Dar unele camei lîas sunt ușor de cultivat în coolerclimjtes de asemenea A tooofhotcnoco/otes (pagina ) se udă Cu Valentine handmade! (pagina ) ОП COPERTA Ourrich, topper pentru înghețată copioasă Fotografiat de Can Pcploț NOUL ROMANTICĂ Reproducedonagrand Scale damasc prmts adaugă dramă modernă scaunelor s, cabinei ts si carpctS Camerele de actualizare prin modelul de steneilingaluxc pe un birou sau tapetare peste apia în abajur MARTHASIEWART COM | RELAȚIA COMPONENTELOR DE PROIECTARE SPAŢIU S-a spus că mai puțin înseamnă mai mult Prin definiție, acest lucru nu este adevărat în sensul cel mai literal; cu toate acestea, acest sentiment ajunge în centrul creării de accent prin relații contrastante și poate, uneori, să fie adevărat atunci când este aplicat principiilor de proiectare Spațiul negativ poate comunica foarte mult atunci când raportul său față de aria de conținut pozitiv este crescut Un raport între format și conținut care favorizează spațiul gol creează dramatism și va concentra atenția spectatorului asupra puținului conținut care este acolo Spațiul extins în raport cu conținutul implică o mare semnificație, sugerând că tot conținutul merită o pagină în sine Cu toate acestea, este important să rețineți că acest lucru ar trebui să fie de fapt cazul Dacă spațiul este folosit pentru a concentra atenția spectatorului asupra a ceva care nu este important pentru piesa, proporțional cu cantitatea de spațiu care o deosebește de restul conținutului, privitorul poate crede că piesa nu este ceva care ar trebui luat în serios Pe lângă direcționarea atenției spectatorului, spațiul amplu într-un aspect îi permite spectatorului timp să se odihnească și să absoarbă informațiile care se află pe pagină În acest fel, spațiul negativ este o componentă foarte reală a oricărui aspect și ar trebui considerat ca fiind la fel de important pentru spațiul pozitiv atunci când se determină relațiile dintre diferitele zone de conținut și pagina însăși Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Broșurile de hârtie regale pentru Sappi Fine Paper sunt un exemplu interesant, deoarece spațiul negativ nu numai că este un element de design integrat, ci și, în încercarea de a arăta efectiv hârtia, este un conținut tangibil în sine Zonele tipărite limitate și relativ mici atrag atenție imediată și comunică cele mai importante două elemente despre acea răspândire: specificațiile acelei foi de hârtie și caracteristicile foii atunci când este tipărită FIRMĂ Curios CLIENT Sappi Fine Paper Europe Relația componentelor de proiectare: spațiu RELAȚIA COMPONENTELOR DE PROIECTARE SCARĂ Opus: Scala este utilizată dinamic în această revistă pentru a lega în mod explicit conținutul Prin ajustarea relației proporționale dintre imagine și ligatura dublu f, imaginea și textul se combină pentru a crea un cuvânt, atragând privitorul din imagine, în cuvânt și apoi mai departe în titlul complet, a cărui parte a doua a fost dimensionat pentru a sugera că roata din față a bicicletei face parte din primul cuvânt, creând o unitate concretă de conținut Relația ulterioară cu textul de pe pagina de față face o afirmație și mai îndrăzneață FIRMĂ Sensus Design Factory Zagreb CLIENT Plivad d Este esențial să rețineți că scara și dimensiunea nu sunt același concept Mărimea se referă la dimensiuni spațiale specifice, în timp ce scara se referă la dimensiunea proporționare și este relativă Prin combinarea elementelor, scara devine evidentă Scala, ca relație între părțile componente ale conținutului, poate fi dezvoltată după ce grila finală a fost stabilită și a fost finalizat un plan care subliniază ceea ce trebuie să fie pe fiecare pagină și modul în care povestea trebuie să fie construită Scara relativă a elementelor poate fi ajustată pentru a se asigura că ierarhia adecvată este evidentă pe fiecare pagină și că punctele cheie de comunicare primesc o importanță adecvată Dezvoltate din mesajul din text, imaginile și alt conținut pot fi dinamice sau statice ca urmare a dimensiunii disparate a fiecărui element atunci când sunt privite ca un întreg În general, un contrast mai mare creează o compoziție mai activă și poate duce la un sentiment de mișcare, în timp ce un contrast mai mic poate crea un aspect mai uniform, cu un sentiment de calm și stabilitate O modalitate eficientă de abordare a dezvoltării scalei ca metodă de relaționare a elementelor piesei de comunicare este de a determina zonele care vor avea cel mai mare și cel mai mic conținut de conținut și de a lucra sistemul din acele puncte Acest lucru va garanta că scara este consecventă pe tot arcul total al piesei — un articol dintr-o gamă largă este într-o relație proporțională adecvată cu celelalte articole din acea gamă și este, de asemenea, corelat corespunzător cu articolele din alte diferențe pe parcursul publicației— și că nu există nimic care să nu poată fi gestionat de sistemul dezvoltat pentru piesa Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Relația componentelor de proiectare: scara STUDIU DE CAZ FLEXIBILITATE SPAȚIALĂ Opus: Aspectul cuprinsului permite suficient spațiu alb pentru traducerea publicației în mai multe limbi diferite, fără a deranja structura grilei FIRMA CLIENT Simonswerk GmbH Agenția de design a fost fondată în Diisseldorf, Germania, de Helge Rieder și Oliver Henn în A pornit într-o călătorie de trei ani pentru a reîmprospăta complet comunicarea corporativă a Simonswerk, o companie germană care are o istorie de de ani în producerea de balamale și produse hardware „A TREBUIT SĂ ARANGAȚI MULTE INFORMAȚII DE PRODUS ÎN ACEST CATALOG DE DE PAGINI CHEIA A FOST NU DOAR să îmbunătățească SUPRAFAȚA OPTICĂ ÎN TERMENI DE CONSISTENȚĂ VIZUALĂ, DAR PENTRU A SIMPLIFICA COMPLET CONȚINUTUL ТО МАКЕ ESTE UȘOR PENTRU UTILIZATORUL FINAL ” — Helge Rieder, Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Designerii de la au analizat mai întâi forma și funcția tuturor produselor Simonswerk La o examinare aprofundată a suitei de materiale de comunicare, apare un model interesant de forme geometrice și linii Prin accentuarea și izolarea spațiului și a formei liniilor, un nou logo a dezvoltat împreună cu baza pentru grilă Modelul a creat un aspect ordonat și spațios care face referire la liniile arhitecturale, ușile și cadrul în zonele în care se găsesc produsele companiei SUS Opus: Un index tabelar a fost încorporat în design pentru a fi ușor pentru client să găsească produse cu cel puțin trei rânduri de pagină PARTEA DE JOS: „Liniile — groase și subțiri — și spațiul alb sunt folosite pentru a separa, structura și focaliza informațiile în toate comunicațiile tipărite”, notează Rieder : Flexibilitate spațială STUDIU DE CAZ REVISTA CU FIL FIDELITATE LA DESIGN PRIN PLATFORME Opus: Edițiile prinț și iPad ale revistei împărtășesc o estetică care nu lasă îndoieli cu privire la relația dintre cei doi FIRMĂ Conde Nast DESIGNER ScottDadich Când Scott Dadich de la Conde Nast a fost însărcinat să creeze un omolog digital al revistei Wired pentru iPad, el a trebuit să se asigure că aplicația va împărtăși mult ADN cu versiunea prinț a revistei - creând o experiență perfectă pentru spectator, asigurându-se totodată că versiunea digitală a profitat din plin de noua platformă Fiind o publicație despre tot ceea ce este digital, ediția iPad a revistei reprezintă integrarea mesajului și a mediilor – o bară înaltă pentru cititorii Wired cunoscători de tehnologie Lucrând îndeaproape cu Adobe pentru a dezvolta noi tehnologii care să răspundă nevoilor de publicare digitală pe platforma iPad, Conde Nast a reușit să creeze ceva care avea multe dintre aspectele publicării sale prinț, dar a fost îmbunătățit de elemente interactive, cum ar fi conținutul audio/vizual și capacitatea de a extinde poveștile și de a oferi o înțelegere mai completă a subiectului prin utilizarea integrării dinamice a conținutului web de bune practici pentru designeri grafici: grile și aspect de pagină Wired Magazine: Design Fidelity Across Platforms de cele mai bune practici pentru designeri grafici: grile și aspecte de pagină Ediția prinț a revistei a stabilit sentimentul care ar trebui să fie recreat în versiunea digitală Chiar dacă grila și aspectul real ar trebui să se schimbe pentru zona mai mică live a ecranului iPad-ului, estetica generală a fost adusă în noul format printr-o direcție artistică consecventă, o grilă modulară texturală, considerații tipografice și o claritate a scopului în care conținutul preia conducerea, iar designul servește pentru ca livrarea să fie cât mai eficientă Opus: Capabil să îmbunătățească poveștile cu conținut dinamic, cum ar fi video, infografice animate și rețele sociale integrate, trăind în cadrul aspectului alături de conținut static, echipa de la Wired a creat un nou mediu de lectură care se bazează pe publicația lor prinț Aplicația Wired rezultată pentru iPad a fost o dezvoltare revoluționară în peisajul publicării digitale, care s-a bazat pe fundația stabilită de grila și aspectul revistei prinț, dar a extins acele decizii de aspect pentru a crea un instrument pentru un transfer mai complet de informații decât este posibil în prinț „Lucrul la acest proiect a schimbat modul în care mă gândesc la design”, notează Dadich „Am abordat-o cu o filozofie de design înrădăcinată în prinț, dar foarte influențată de o viziune asupra lumii editoriale ” Posibilitatea de a rula un scurtmetraj lângă conținutul narativ sau a permite spectatorului să răsfoiască zece imagini atunci când doar una s-ar potrivi în versiunea prinț adaugă un strat de complexitate procesului, dar permite o înțelegere mai cuprinzătoare a subiectului articolului Wired Magazine: Design Fidelity Across Platforms OPPUZĂ: Un aspect care încurajează interacțiunea sau declanșează o relație de tip „da și primi” cu spectatorul face experiența mai memorabilă și poate duce la o mai mare înțelegere și reținere a conținutului Acest proiect a fost atât de bine primit încât a schimbat focalizarea strategiei editoriale a lui Conde Nast Noi funcții sunt adăugate în mod constant aplicațiilor sale pentru a duce acest lucru – și multe alte ediții digitale cu care Conde Nast le-a urmat Wired în aceeași paradigmă – la un nivel superior și pentru a crea o metodă mai eficientă de a comunica o poveste mai completă „CLARITATEA SCOPULUI PE CARE BUN DESIGNUL UI ȘI UX O ADUCĂ ТО UN LAYOUT DIGITAL POATE AJUTA ȘI LA INFORMAREA DECIZIILOR UNUI DESIGNER PRINȚ ” — Scott Dadich, Conde Nast de cele mai bune practici pentru designeri grafici: grile și aspect de pagină CONSTRUIREA AN Atingeți butoanele pentru a vedea fiecare pas Illlllllllllllllllllllllllllllllll I IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII În martie, hotelul de gheață construit anul trecut este încă deschis pentru afaceri – Springthaw vine la de mile la nord de Cercul polar – dar acesta este momentul să strângem materia primă pentru structura de anul viitor Muncitorii folosesc ferăstraie hidraulice pentru a tăia suprafața râului Torne din apropiere în blocuri de picioare groase care sunt extrase cu utilaje de terasament Aprilie Până acum, muncitorii au recoltat de blocuri de gheață, fiecare cântărind , tone Sunt transportate la un depozit și depozitate la de grade Fahrenheit mai-septembrie Pe măsură ce gheața blochează chillax-ul în depozit hotelul de anul trecut se topește treptat înapoi în râu Noiembrie rr!E timpul să începem reconstrucția Mașinile mari de oțel sunt poziționate acolo unde edificiul finit va lista, iar mașinile de zăpadă produc tone $ și tone de „$n gheață”—un amestec de zăpadă și gheață Sufletoarele de zăpadă uriașe elimină nămolul și le aruncă peste cadrele metalice După două zile , mirosul a înghețat solid și cadrele pot fi îndepărtate Bucățile uriașe de gheață sunt îndepărtate ■ ■ i Hotelul de gheață din Jukkasjărvi, Suedia, este exact ceea ce sună: o cabană pentru oaspeți construită din apă înghețată Întregul lucru – bar, capelă și spații de cazare pentru de oaspeți – trebuie reconstruit anual, din motive evidente — Michael Kaplan din depozit și stivuite una peste alta Apoi sunt stropiți cu apă Lichidul îngheață rapid, cimentând blocurile în coloane de susținere Decembrie Leftoverlce este folosit pentru a face geamuri și paturi (acoperite cu blană de ren pentru confort) Primii oaspeți ai sezonului de la Icehotel se verifică Ei se bucură de primirea cu vodcă Absolut – servită, desigur în pahare din gheață Hotelul oferă cizme și costume de zăpadă, dar dacă oaspeții uită să-și pună propria lenjerie termică, vor trebui să cumpere câteva din magazinul de cadouri Wired Magazine: Design Fidelity Across Platforms TASATĂ CA IMAGINE O IMAGINE DE ANSAMBLU Uneori, zonele aspectului pot funcționa pe mai multe niveluri Conținutul nu poate fi întotdeauna împărțit în mod clar în categorii la fel de clare precum „text” și „imagine”, iar acest lucru poate crea o relație antrenantă între privitor și conținut La început, creierul prelucrează toate cuvintele vizual pe măsură ce ochii preiau combinațiile de litere, înainte ca acestea să fie procesate în mici unități de sunet și înainte ca acestea să fie combinate și legate cu idei care le dau sens privitorului Acest proces are loc la citirea oricărui text Tot textul are componente vizuale care depășesc ceea ce este necesar doar pentru procesarea informațiilor Textul setat într-un bloc, de exemplu, are culoare, greutate, mișcare și prezență Formele de litere individuale sunt semnificative din punct de vedere grafic Cuvintele și spațiile dintre formele de litere le permit să aibă o prezență vizuală, iar liniile de cuvinte se reunesc - legate de spațiul dintre linii și de felul în care se zdrențuiesc - pentru a forma o formă în sine Bunele practici tipografice pot ajuta la asigurarea unor zone de text atractive din punct de vedere vizual și ușor accesibile și vor lua în considerare toți acești factori vizuali Cu toate acestea, deoarece cea mai mare parte a procesării semnificației are loc în emisfera stângă a creierului, crearea unei tipografii mai stimulatoare vizual (vizualul fiind procesat mai mult de emisfera dreaptă) poate aduce un echilibru mai mare în interacțiunea privitorului cu piesa, care este considerată de către mulți pentru a ajuta la învățare și înțelegere Acestea fiind spuse, designerii au la dispoziție o multitudine de instrumente și tehnici pentru a crea conținut text care este stimulant vizual Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină TASATĂ CA IMAGINE SCRIERE DE MÂNĂ & TIPOGRAFIE ILUSRATIVĂ O modalitate prin care designerii pot crea text pe care spectatorul îl va înregistra ca imagine este prin utilizarea unor fonturi ilustrative sau litere de mână Folosind un tip de literă mai complicat sau desenând un titlu sau un titlu într-un tratament personalizat, designerul poate face ca secțiunea să se deosebească de restul textului și să atragă o atenție suplimentară Aceasta este, de asemenea, o tehnică utilă pentru a concentra un anumit text Un tratament de tip cu mult caracter poate avea puterea de a se ridica ca unul dintre câteva articole sau ca singurul articol pe o pagină În acest fel, designerul poate simplifica aspectul, dând conținutului textului și rolul de motor vizual principal În acest anunț emoționant care amintește de materialele de cercetare din epoca , o combinație de tratamente tipografice ilustrative și de inspirație vintage oferă o structură diferitelor niveluri de informații În acest caz, grila se manifestă din diferite zone tipografice, care servesc, de asemenea, pentru a adăuga interes vizual unei piese bicolore cu conținut intens Elemente FIRM DESIGNERI Ben Jura, Amy Graver Tastați ca imagine: litere de mână și tipografie ilustrativă Fie că tratamentul arată ca un scris de mână, o scriere caligrafică elegantă sau o ilustrare a altceva care se poate dubla ca formă de literă, diferențele subtile dintre litere și ceea ce se așteaptă permit dezvoltarea unei calități organice Datorită acestei capacități pentru un spectator de a recunoaște o notă personală, tipografia ilustrativă poate avea un impact semnificativ asupra esteticii unei piese și poate fi uneori o potrivire perfectă sau deplasată într-o anumită aplicație Revista CUM folosește tipografie ilustrativă pentru a atrage o atenție suplimentară asupra titlurilor și a introducerilor de secțiuni și chiar pentru a descrie povestea de pe copertă Acest lucru permite un impact suplimentar și este o modalitate bună de a diferenția nivelurile de conținut PUBLICARE CUM DATA iulie DIRECȚIA ARTĂ Bridgid McCarren ТО©Ш Т OOKS, LO t и afcîMMt И» ШИП» JSWțM JM ям НИ Aspectul acestui proiect de ambalare s-a dezvoltat organic din ilustrația care domină partea din față a pachetului Numele produsului și branding-ul sunt de fapt incluse în ilustrație, iar alt conținut a fost conceput pentru a rezolva acest lucru, pentru a facilita tratarea dominantă a acelui conținut primar într-un mod care este încă relevant din punct de vedere ierarhic și care îndeplinește cerințele de plasare necesare pentru ambalarea alimentelor FIRM Elements DESIGNERS Ben]ura, Amy Graver CLIENT Yumnuts Încălcarea regulilor: design organic CAINE MODERN STUDIU DE CAZ DESIGNĂ ORGANIZĂ DAR GANDITI RAŢIONAL firma Modern Dog Design Со Când abordați aspectul unui catalog pentru Blue Q, CLIENT Bine Q • , , , Modern Dog din Seattle și-a propus să organizeze sute de produse utilizând un sistem de grilă puternic și simplu Cu toate acestea, când clientul a văzut compozițiile, a simțit că aspectul era prea bine organizat și nu și-a comunicat imaginea ca inteligentă, distractivă și puțin nebună Echipa Modern Dog a fost de acord și a abandonat ideea coloanelor, dar nu și dorința de consecvență Modern Dog a vrut ca produsele să pară plasate organic pe pagină, dar nu ca fiecare pagină să se simtă distinctă de ultima Prin standardizarea unor elemente, cum ar fi marginile și marcatoarele de pagină și încorporând o paletă de culori puternică, ei au reușit să parcurgă o linie fină între ordine și haos „Am ajuns să ne îngrijorăm de acea poziție naturală mult mai mult decât dacă am folosi o grilă”, spune Robynne Raye, director creativ și partener la Modern Dog Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină FOARTE CEA MAI BUNĂ CALITATE '^E jy§T WÂWT YOU ''© IW© Câine modern: proiectați organic, dar gândiți rațional Tehnici precum o bară de culoare puternică poziționată în mod constant în partea de sus a paginilor și poziția marcatoarelor de pagină contribuie în mare măsură la crearea unui sentiment de consistență Utilizarea culorii ca element puternic servește și la unificarea spread-urilor Cele mai bune practici pentru designeri grafici: grile și aspecte de pagină În încercarea lor de a face ca produsele și informațiile să se simtă plasate organic, fără a deveni copleșitoare pentru spectator, echipa a avut mare grijă să construiască fiecare răspândire ca o unitate în care poziția unui element a determinat poziția următorului Acest lucru s-a adăugat la timpul necesar procesului, deoarece nu a existat nicio grilă care să ajute să ghideze plasarea și relațiile dintre conținutul de pe fiecare pagină Utilizând tratamente tipografice cu contrast ridicat, care erau lizibile la dimensiuni reduse și construind layout-urile în mod organic, Modern Dog a reușit să maximizeze spațiul din catalog, oferind produselor în sine cea mai imobiliară de pe pagină și potrivindu-se o mulțime de elemente conținut într-un catalog de șaizeci și patru de pagini PAGINA DE SUS ȘI URMĂTOAREA: În ciuda lipsei unei grile, lucruri precum culoarea, tratamentul tipografic și scara elementelor de conținut unifică paginile și creează un catalog coerent Câine modern: proiectați organic, dar gândiți rațional pup иоша/ jo )pț)fp ц)ім eoj soqiooy иези/ѵ yjnos P J jaaMS iui Buiddojp jsnp іэаэн vai DESPRE AUTORI Amy Graver și-a început cariera ca fotojurnalist pentru Boston Globe Apoi, în , după ce a mai lucrat ca designer grafic profesionist timp de câțiva ani la două studiouri foarte diferite, Amy a decis să-și deschidă propria agenție și a creat Elements (www elementsdesign com), reunindu-și pasiunea și abilitățile în scris, fotografie , și design Într-un an scurt, a câștigat recunoaștere și premii atât la nivel național, cât și internațional, s-a mutat într-un studio mai mare și a adăugat personal Astăzi, Amy conduce firma în calitate de director de creație și președinte, vorbește la numeroase conferințe și evenimente, scrie în mod regulat pentru popularul blog de marketing al companiei sale și contribuie adesea cu articole la reviste, ziare și publicații online despre design grafic, site-uri web și rețele sociale Pe parcurs, Amy a fost președinte al Clubului Directorului de Artă din Connecticut (CADC) și a făcut parte din consiliul său timp de opt ani În , ea și un coleg de design au început un capitol din Connecticut al Institutului American de Artiști Grafici (AIGA), fiind vicepreședinte al capitolului timp de doi ani Trăiește și lucrează din orașul natal Branford, Connecticut, împreună cu soțul ei și cei doi copii ai lor mici Ben Jura lucrează alături de Amy la Elements ca designer grafic senior al studioului, coordonator de proiect și partener în companie Ben a absolvit Școala de Arte Vizuale cu un BFA în design grafic Nu a continuat să-și dezvolte setul divers de abilități lucrând în domeniile reclamei, brandingului și designului în New York și Connecticut pentru o listă proeminentă de corporații Ben are o obsesie pentru tipografie grozavă și îi place să încorporeze abilitățile sale de scriere manuală și ilustrare în multe dintre modelele sale Celelalte interese ale sale includ cărți rare, skateboarding, drumeții, cântatul la pian clasic și sporturile cu motor de epocă Ben și frumoasa lui logodnică Kelly (care este și designer grafic) locuiesc într-o casă veche din Connecticut, pe care o restaurează cu dragoste, câte un weekend de cele mai bune practici pentru designeri grafici: grile și aspect de pagină © de către Rockport Publishers Toate drepturile rezervate Nicio parte a acestei cărți nu poate fi reprodusă sub nicio formă fără permisiunea scrisă a deținătorilor drepturilor de autor Toate imaginile din această carte au fost reproduse cu cunoștințele și consimțământul prealabil al artiștilor în cauză și nu este acceptată nicio responsabilitate de către producător, editor sau tipografi pentru orice încălcare a drepturilor de autor sau de altă natură, care decurge din conținutul acestei publicații S-au depus toate eforturile pentru a se asigura că creditele respectă cu exactitate informațiile furnizate Ne cerem scuze pentru eventualele inexactități care ar fi putut apărea și vom rezolva informațiile inexacte sau lipsă într-o retipărire ulterioară a cărții Publicat pentru prima dată în Statele Unite ale Americii de Rockport Publishers, membru al Quayside Publishing Group Cummings Center Suita -L Beverly, Massachusetts - Telefon: ( ) - Fax: ( ) - www rockpub com Datele de catalogare în publicație ale Bibliotecii Congresului Graver, Amy Cele mai bune practici pentru designeri grafici, grile și machete de pagină: un ghid esențial pentru înțelegerea și aplicarea principiilor de proiectare a paginilor / Amy Graver și Ben Jura pagini cm Rezumat: „Acest ghid unic pentru designeri detaliază pe deplin abilitățile esențiale de aspect și design necesare pentru a reuși în această industrie competitivă Cu o aplicație distractivă și practică, oferă o perspectivă valoroasă asupra strategiei și afacerii atunci când lucrați în lumea reală cu clienți reali, începând cu informațiile de bază despre principiile aspectului înainte de a aprofunda teorie și aplicare, proiect cu proiect Ilustrat cu sarcini din lumea reală și studii de caz, acest ghid oferă o abordare din culise a întregului proces și a pașilor necesari pentru a trece de la concept la rezultatul final, inclusiv cum să depășiți provocările prezentate pe parcurs” Furnizat de editor ISBN - - - - (pbk ) - ISBN - - - () Artă grafică Tehnică I Jura, Ben II Titlu NC G , —dc ISBN: - - - - Ediție digitală publicată în eISBN- : - - - - Design: Ben Jura și Amy Graver, Elements, LLC Imagine de copertă: Ben Jura și Amy Graver, Elements, LLC Tipărit în China